{"version":3,"sources":["../src/form/select/select.tsx"],"sourcesContent":["import { forwardRef, type ReactNode, type SelectHTMLAttributes } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { InputGroup } from \"../input-group\";\nimport type { InputGroupProps } from \"../input-group\";\n\nexport type SelectProps = Omit<\n  InputGroupProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, \"size\">,\n  \"readOnly\" | \"children\"\n> & { children: ReactNode };\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(\n  {\n    className,\n    size,\n    validationMessage,\n    validationMessageProps,\n    errorMessage,\n    labelProps,\n    label,\n    id,\n    style,\n    disabled,\n    \"data-color\": dataColor,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  return (\n    <InputGroup\n      className={clsx(\"hds-select\", className as undefined)}\n      disabled={disabled}\n      validationMessage={validationMessage}\n      validationMessageProps={validationMessageProps}\n      errorMessage={errorMessage}\n      id={id}\n      label={label}\n      labelProps={labelProps}\n      style={style}\n      size={size}\n      data-color={dataColor}\n    >\n      <select disabled={disabled} ref={ref} {...rest}>\n        {children}\n      </select>\n    </InputGroup>\n  );\n});\n\nSelect.displayName = \"Select\";\n"],"mappings":";;;;;;;;;;AAAA,SAAS,kBAA6D;AACtE,SAAS,YAAY;AAyCf;AAhCC,IAAM,SAAS,WAA2C,SAASA,QACxE,IAeA,KACA;AAhBA,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,EAvBJ,IAWE,IAaK,iBAbL,IAaK;AAAA,IAZH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,cAAc,SAAsB;AAAA,MACpD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MAEZ,8BAAC,yCAAO,UAAoB,OAAc,OAAzC,EACE,WACH;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,OAAO,cAAc;","names":["Select"]}