@oneplatformdev/ui 0.1.10-52 → 0.1.10-53

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.1.10-53 (2025-10-06)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-102
+- Updated @oneplatformdev/hooks to 0.1.0-88
+- Updated @oneplatformdev/tokens to 0.0.1-75
+
 ## 0.1.10-52 (2025-10-04)
 
 ### 🧱 Updated Dependencies

package/FormSelect/FormSelect.js

@@ -1,9 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import { FormControl as g } from "../Form/Form.js";
 import { FormRenderControl as C } from "../Form/FormRenderControl.js";
-import "../Select/SelectRoot.js";
+import "@radix-ui/react-select";
+import "lucide-react";
+import "@oneplatformdev/utils";
 import { Select as f } from "../Select/Select.js";
-const S = (n) => {
+const j = (n) => {
   const {
     form: t,
     label: m,
@@ -36,6 +38,6 @@ const S = (n) => {
   );
 };
 export {
-  S as FormSelect
+  j as FormSelect
 };
 //# sourceMappingURL=FormSelect.js.map

package/FormSelect/FormSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSelect.js","sources":["../../src/FormSelect/FormSelect.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Select } from '../Select';\nimport { FormSelectProps } from './FormSelect.types';\nimport { FieldValues } from 'react-hook-form';\n\n// TODO: add description\nexport const FormSelect = <Data extends FieldValues, ExtendOptionData>(\n  props: FormSelectProps<Data, ExtendOptionData>\n) => {\n  const {\n    form,\n    label,\n    name,\n    options = [],\n    onChange,\n    containerProps,\n    ...rest\n  } = props;\n\n  return (\n    <FormRenderControl\n      form={form}\n      name={name}\n      label={label}\n      containerProps={containerProps}\n      render={({ field }) => (\n        <Select<ExtendOptionData>\n          value={field.value}\n          options={options}\n          onChange={(value) => {\n            field.onChange(value);\n            onChange?.(value);\n          }}\n          renderTrigger={(_, defaultComponent) => (\n            <FormControl>\n              {defaultComponent}\n            </FormControl>\n          )}\n          {...rest}\n        />\n      )}\n    />\n  );\n};\n"],"names":["FormSelect","props","form","label","name","options","onChange","containerProps","rest","jsx","FormRenderControl","field","Select","value","_","defaultComponent","FormControl"],"mappings":";;;;;AAMO,MAAMA,IAAa,CACxBC,MACG;AACH,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC,IAAU,CAAA;AAAA,IACV,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP;AAEJ,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAR;AAAA,MACA,MAAAE;AAAA,MACA,OAAAD;AAAA,MACA,gBAAAI;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAI,EAAA,MACT,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,OAAOD,EAAM;AAAA,UACb,SAAAN;AAAA,UACA,UAAU,CAACQ,MAAU;AACnB,YAAAF,EAAM,SAASE,CAAK,GACpBP,IAAWO,CAAK;AAAA,UAClB;AAAA,UACA,eAAe,CAACC,GAAGC,MACjB,gBAAAN,EAACO,KACE,UAAAD,GACH;AAAA,UAED,GAAGP;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"FormSelect.js","sources":["../../src/FormSelect/FormSelect.tsx"],"sourcesContent":["import { FormControl, FormRenderControl } from '../Form';\nimport { Select } from '../Select';\nimport { FormSelectProps } from './FormSelect.types';\nimport { FieldValues } from 'react-hook-form';\n\n// TODO: add description\nexport const FormSelect = <Data extends FieldValues, ExtendOptionData>(\n  props: FormSelectProps<Data, ExtendOptionData>\n) => {\n  const {\n    form,\n    label,\n    name,\n    options = [],\n    onChange,\n    containerProps,\n    ...rest\n  } = props;\n\n  return (\n    <FormRenderControl\n      form={form}\n      name={name}\n      label={label}\n      containerProps={containerProps}\n      render={({ field }) => (\n        <Select<ExtendOptionData>\n          value={field.value}\n          options={options}\n          onChange={(value) => {\n            field.onChange(value);\n            onChange?.(value);\n          }}\n          renderTrigger={(_, defaultComponent) => (\n            <FormControl>\n              {defaultComponent}\n            </FormControl>\n          )}\n          {...rest}\n        />\n      )}\n    />\n  );\n};\n"],"names":["FormSelect","props","form","label","name","options","onChange","containerProps","rest","jsx","FormRenderControl","field","Select","value","_","defaultComponent","FormControl"],"mappings":";;;;;;;AAMO,MAAMA,IAAa,CACxBC,MACG;AACH,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC,IAAU,CAAA;AAAA,IACV,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP;AAEJ,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAR;AAAA,MACA,MAAAE;AAAA,MACA,OAAAD;AAAA,MACA,gBAAAI;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAI,EAAA,MACT,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,OAAOD,EAAM;AAAA,UACb,SAAAN;AAAA,UACA,UAAU,CAACQ,MAAU;AACnB,YAAAF,EAAM,SAASE,CAAK,GACpBP,IAAWO,CAAK;AAAA,UAClB;AAAA,UACA,eAAe,CAACC,GAAGC,MACjB,gBAAAN,EAACO,KACE,UAAAD,GACH;AAAA,UAED,GAAGP;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIR;"}

package/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,WAAW,EAIZ,MAAM,WAAW,CAAC;AAsHnB,eAAO,MAAM,MAAM,GAAI,gBAAgB,EACrC,OAAO,WAAW,CAAC,gBAAgB,CAAC,4CAuCrC,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,WAAW,EAIZ,MAAM,WAAW,CAAC;AAsHnB,eAAO,MAAM,MAAM,GAAI,gBAAgB,EACrC,OAAO,WAAW,CAAC,gBAAgB,CAAC,4CAuCrC,CAAC"}

package/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isValidElement, ReactNode } from 'react';\n\nimport { Button } from '../Button';\nimport {\n  SelectContent,\n  SelectItem,\n  SelectOption,\n  SelectProps,\n  SelectRoot,\n  SelectTrigger,\n  SelectValue,\n} from '../Select';\nimport { isValidReactElement } from '@oneplatformdev/utils';\n\nconst RenderSelectTrigger = <ExtendOptionData,>(\n  props: SelectProps<ExtendOptionData>\n) => {\n  const { placeholder, renderTrigger, slotProps } = props;\n  const defaultComponent = (\n    <SelectTrigger {...(slotProps?.triggerProps || {})}>\n      <SelectValue placeholder={placeholder} />\n    </SelectTrigger>\n  );\n\n  if (\n    Boolean(renderTrigger) &&\n    typeof renderTrigger === 'function' &&\n    isValidReactElement(renderTrigger(props, defaultComponent))\n  ) {\n    return renderTrigger(props, defaultComponent);\n  }\n\n  return defaultComponent;\n};\n\nconst DefaultRenderSelectOption = <ExtendOptionData,>(\n  props: SelectProps<ExtendOptionData> & {\n    option: SelectOption<ExtendOptionData>;\n    index: number;\n    deep?: number;\n    children?: ((params: SelectProps<ExtendOptionData> & {\n      option: SelectOption<ExtendOptionData>;\n      index: number;\n    }) => ReactNode) | ReactNode;\n  }\n) => {\n  const { children, option, deep = 0 } = props;\n\n  return (\n    <SelectItem\n      key={option.value}\n      value={option.value}\n      disabled={option.disabled}\n      className='cursor-pointer'\n      style={{ paddingLeft: `calc(8px + ${(deep || 0) * 8}px)` }}\n    >\n      {!children && option.label}\n      {children && (\n        <>\n          {typeof children === 'function'\n            ? children({ ...props })\n            : children\n          }\n        </>\n      )}\n    </SelectItem>\n  )\n};\n\nconst RenderSelectOption = <ExtendOptionData,>(\n  props: SelectProps<ExtendOptionData> & {\n    option: SelectOption<ExtendOptionData>;\n    index: number;\n    deep?: number;\n  }\n) => {\n  const { renderOption, option, index, options, deep = 0, ...rest } = props;\n\n  if (\n    Boolean(renderOption) &&\n    typeof renderOption === 'function' &&\n    isValidElement(\n      renderOption(\n        option,\n        index,\n        options,\n        { ...rest, options },\n        <DefaultRenderSelectOption {...props} />\n      )\n    )\n  ) {\n    return (\n      <SelectItem key={option.value} value={option.value}>\n        {renderOption(\n          option,\n          index,\n          options,\n          { ...rest, options },\n          <DefaultRenderSelectOption {...props} />\n        )}\n      </SelectItem>\n    );\n  }\n\n  if(!option.children?.length) {\n    return <DefaultRenderSelectOption {...props} />;\n  }\n\n  return (\n    <div\n      key={option.value}\n      className=\"flex flex-col gap-1 truncate line-clamp-2\"\n    >\n      <DefaultRenderSelectOption {...props} />\n      {option.children?.map((child, idx, arr) => (\n        <RenderSelectOption\n          {...props}\n          key={child.value}\n          option={child}\n          options={arr}\n          index={idx}\n          deep={(deep || 0) + 1}\n        />\n      ))}\n    </div>\n  )\n};\n\n// TODO: add description\nexport const Select = <ExtendOptionData,>(\n  props: SelectProps<ExtendOptionData>\n) => {\n  const {\n    value,\n    options,\n    onChange,\n    nullable = false,\n    clearLabel = 'Clear',\n    disabled,\n  } = props;\n\n  return (\n    <SelectRoot value={value} onValueChange={onChange} disabled={disabled}>\n      <RenderSelectTrigger {...props} />\n      <SelectContent>\n        {nullable && (\n          <Button\n            className=\"w-full px-2\"\n            variant=\"secondary\"\n            size=\"sm\"\n            onClick={() => {\n              onChange?.('');\n            }}\n          >\n            {clearLabel}\n          </Button>\n        )}\n        {options.map((option, index) => (\n          <RenderSelectOption\n            {...props}\n            key={option.value}\n            option={option}\n            index={index}\n            deep={0}\n          />\n        ))}\n      </SelectContent>\n    </SelectRoot>\n  );\n};\n"],"names":["RenderSelectTrigger","props","placeholder","renderTrigger","slotProps","defaultComponent","jsx","SelectTrigger","SelectValue","isValidReactElement","DefaultRenderSelectOption","children","option","deep","jsxs","SelectItem","Fragment","RenderSelectOption","renderOption","index","options","rest","isValidElement","child","idx","arr","createElement","Select","value","onChange","nullable","clearLabel","disabled","SelectRoot","SelectContent","Button"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { isValidElement, ReactNode } from 'react';\n\nimport { Button } from '../Button';\nimport {\n  SelectContent,\n  SelectItem,\n  SelectOption,\n  SelectProps,\n  SelectRoot,\n  SelectTrigger,\n  SelectValue,\n} from '../Select';\nimport { isValidReactElement } from '@oneplatformdev/utils';\n\nconst RenderSelectTrigger = <ExtendOptionData,>(\n  props: SelectProps<ExtendOptionData>\n) => {\n  const { placeholder, renderTrigger, slotProps } = props;\n  const defaultComponent = (\n    <SelectTrigger {...(slotProps?.triggerProps || {})}>\n      <SelectValue placeholder={placeholder} />\n    </SelectTrigger>\n  );\n\n  if (\n    Boolean(renderTrigger) &&\n    typeof renderTrigger === 'function' &&\n    isValidReactElement(renderTrigger(props, defaultComponent))\n  ) {\n    return renderTrigger(props, defaultComponent);\n  }\n\n  return defaultComponent;\n};\n\nconst DefaultRenderSelectOption = <ExtendOptionData,>(\n  props: SelectProps<ExtendOptionData> & {\n    option: SelectOption<ExtendOptionData>;\n    index: number;\n    deep?: number;\n    children?: ((params: SelectProps<ExtendOptionData> & {\n      option: SelectOption<ExtendOptionData>;\n      index: number;\n    }) => ReactNode) | ReactNode;\n  }\n) => {\n  const { children, option, deep = 0 } = props;\n\n  return (\n    <SelectItem\n      key={option.value}\n      value={option.value}\n      disabled={option.disabled}\n      className='cursor-pointer'\n      style={{ paddingLeft: `calc(8px + ${(deep || 0) * 8}px)` }}\n    >\n      {!children && option.label}\n      {children && (\n        <>\n          {typeof children === 'function'\n            ? children({ ...props })\n            : children\n          }\n        </>\n      )}\n    </SelectItem>\n  )\n};\n\nconst RenderSelectOption = <ExtendOptionData,>(\n  props: SelectProps<ExtendOptionData> & {\n    option: SelectOption<ExtendOptionData>;\n    index: number;\n    deep?: number;\n  }\n) => {\n  const { renderOption, option, index, options, deep = 0, ...rest } = props;\n\n  if (\n    Boolean(renderOption) &&\n    typeof renderOption === 'function' &&\n    isValidElement(\n      renderOption(\n        option,\n        index,\n        options,\n        { ...rest, options },\n        <DefaultRenderSelectOption {...props} />\n      )\n    )\n  ) {\n    return (\n      <SelectItem key={option.value} value={option.value}>\n        {renderOption(\n          option,\n          index,\n          options,\n          { ...rest, options },\n          <DefaultRenderSelectOption {...props} />\n        )}\n      </SelectItem>\n    );\n  }\n\n  if(!option.children?.length) {\n    return <DefaultRenderSelectOption {...props} />;\n  }\n\n  return (\n    <div\n      key={option.value}\n      className=\"flex flex-col gap-1 truncate line-clamp-2\"\n    >\n      <DefaultRenderSelectOption {...props} />\n      {option.children?.map((child, idx, arr) => (\n        <RenderSelectOption\n          {...props}\n          key={child.value}\n          option={child}\n          options={arr}\n          index={idx}\n          deep={(deep || 0) + 1}\n        />\n      ))}\n    </div>\n  )\n};\n\n// TODO: add description\nexport const Select = <ExtendOptionData,>(\n  props: SelectProps<ExtendOptionData>\n) => {\n  const {\n    value,\n    options,\n    onChange,\n    nullable = false,\n    clearLabel = 'Clear',\n    disabled,\n  } = props;\n\n  return (\n    <SelectRoot value={value} onValueChange={onChange} disabled={disabled}>\n      <RenderSelectTrigger {...props} />\n      <SelectContent>\n        {nullable && (\n          <Button\n            className=\"w-full px-2\"\n            variant=\"secondary\"\n            size=\"sm\"\n            onClick={() => {\n              onChange?.('');\n            }}\n          >\n            {clearLabel}\n          </Button>\n        )}\n        {options.map((option, index) => (\n          <RenderSelectOption\n            {...props}\n            key={option.value}\n            option={option}\n            index={index}\n            deep={0}\n          />\n        ))}\n      </SelectContent>\n    </SelectRoot>\n  );\n};\n"],"names":["RenderSelectTrigger","props","placeholder","renderTrigger","slotProps","defaultComponent","jsx","SelectTrigger","SelectValue","isValidReactElement","DefaultRenderSelectOption","children","option","deep","jsxs","SelectItem","Fragment","RenderSelectOption","renderOption","index","options","rest","isValidElement","child","idx","arr","createElement","Select","value","onChange","nullable","clearLabel","disabled","SelectRoot","SelectContent","Button"],"mappings":"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"}

package/Select/SelectRoot.d.ts

@@ -1,14 +1,16 @@
-import * as React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-declare const SelectRoot: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { SelectRoot, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare function SelectRoot({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { SelectRoot, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectPrimitive, };
 //# sourceMappingURL=SelectRoot.d.ts.map

package/Select/SelectRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectRoot.d.ts","sourceRoot":"","sources":["../../src/Select/SelectRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,QAAA,MAAM,UAAU,uCAAuB,CAAC;AAExC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,oKAkBjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JAiCjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}
+{"version":3,"file":"SelectRoot.d.ts","sourceRoot":"","sources":["../../src/Select/SelectRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,UAAU,CAAC,EACF,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnE;AAED,iBAAS,WAAW,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEzE;AAED,iBAAS,WAAW,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEzE;AAED,iBAAS,aAAa,CAAC,EACE,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAC/E,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,2CAiBA;AAED,iBAAS,aAAa,CAAC,EACE,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,KAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CA6B7E;AAED,iBAAS,WAAW,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,UAAU,CAAC,EACE,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkBvE;AAED,iBAAS,eAAe,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAQjF;AAED,iBAAS,oBAAoB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAa3F;AAED,iBAAS,sBAAsB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAa/F;AAED,OAAO,EACL,UAAU,EACV,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,EACX,eAAe,GAChB,CAAA"}

package/Select/SelectRoot.js

@@ -1,127 +1,173 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import * as l from "react";
-import * as e from "@radix-ui/react-select";
-import { ChevronDown as n, ChevronUp as u, Check as h } from "lucide-react";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-select";
+import { CheckIcon as c, ChevronDownIcon as i, ChevronUpIcon as u } from "lucide-react";
 import { cn as s } from "@oneplatformdev/utils";
-const R = e.Root, C = e.Group, I = e.Value, w = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ i(
-  e.Trigger,
-  {
-    ref: d,
-    className: s(
-      "flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      "disabled:[&>svg]:hidden",
-      o
-    ),
-    ...a,
-    children: [
-      r,
-      /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(n, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-w.displayName = e.Trigger.displayName;
-const c = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
-  e.ScrollUpButton,
-  {
-    ref: a,
-    className: s(
-      "flex cursor-default items-center justify-center py-1",
-      o
-    ),
-    ...r,
-    children: /* @__PURE__ */ t(u, { className: "h-4 w-4" })
-  }
-));
-c.displayName = e.ScrollUpButton.displayName;
-const m = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
-  e.ScrollDownButton,
-  {
-    ref: a,
-    className: s(
-      "flex cursor-default items-center justify-center py-1",
-      o
-    ),
-    ...r,
-    children: /* @__PURE__ */ t(n, { className: "h-4 w-4" })
-  }
-));
-m.displayName = e.ScrollDownButton.displayName;
-const y = l.forwardRef(({ className: o, children: r, position: a = "popper", style: d, ...p }, f) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ i(
-  e.Content,
-  {
-    ref: f,
-    className: s(
-      "relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      o
-    ),
-    position: a,
-    style: {
-      pointerEvents: "auto",
-      ...d
-    },
-    ...p,
-    children: [
-      /* @__PURE__ */ t(c, {}),
-      /* @__PURE__ */ t(
-        e.Viewport,
-        {
-          className: s(
-            "p-1",
-            a === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
-          ),
-          children: r
-        }
+function x({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Root, { "data-slot": "select", ...e });
+}
+function h({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Group, { "data-slot": "select-group", ...e });
+}
+function b({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Value, { "data-slot": "select-value", ...e });
+}
+function w({
+  className: e,
+  size: r = "default",
+  children: o,
+  ...n
+}) {
+  return /* @__PURE__ */ l(
+    a.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": r,
+      className: s(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
       ),
-      /* @__PURE__ */ t(m, {})
-    ]
-  }
-) }));
-y.displayName = e.Content.displayName;
-const g = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
-  e.Label,
-  {
-    ref: a,
-    className: s("px-2 py-1.5 text-sm font-semibold", o),
-    ...r
-  }
-));
-g.displayName = e.Label.displayName;
-const N = l.forwardRef(({ className: o, children: r, ...a }, d) => /* @__PURE__ */ i(
-  e.Item,
-  {
-    ref: d,
-    className: s(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
-      o
-    ),
-    ...a,
-    children: [
-      /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(h, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ t(e.ItemText, { children: r })
-    ]
-  }
-));
-N.displayName = e.Item.displayName;
-const x = l.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
-  e.Separator,
-  {
-    ref: a,
-    className: s("-mx-1 my-1 h-px bg-muted", o),
-    ...r
-  }
-));
-x.displayName = e.Separator.displayName;
+      ...n,
+      children: [
+        o,
+        /* @__PURE__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function y({
+  className: e,
+  children: r,
+  position: o = "popper",
+  align: n = "center",
+  ...d
+}) {
+  return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ l(
+    a.Content,
+    {
+      "data-slot": "select-content",
+      className: s(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        e
+      ),
+      position: o,
+      align: n,
+      ...d,
+      children: [
+        /* @__PURE__ */ t(p, {}),
+        /* @__PURE__ */ t(
+          a.Viewport,
+          {
+            className: s(
+              "p-1",
+              o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ t(m, {})
+      ]
+    }
+  ) });
+}
+function S({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.Label,
+    {
+      "data-slot": "select-label",
+      className: s("text-muted-foreground px-2 py-1.5 text-xs", e),
+      ...r
+    }
+  );
+}
+function z({
+  className: e,
+  children: r,
+  ...o
+}) {
+  return /* @__PURE__ */ l(
+    a.Item,
+    {
+      "data-slot": "select-item",
+      className: s(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        e
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ t("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(c, { className: "size-4" }) }) }),
+        /* @__PURE__ */ t(a.ItemText, { children: r })
+      ]
+    }
+  );
+}
+function N({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.Separator,
+    {
+      "data-slot": "select-separator",
+      className: s("bg-border pointer-events-none -mx-1 my-1 h-px", e),
+      ...r
+    }
+  );
+}
+function p({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: s(
+        "flex cursor-default items-center justify-center py-1",
+        e
+      ),
+      ...r,
+      children: /* @__PURE__ */ t(u, { className: "size-4" })
+    }
+  );
+}
+function m({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: s(
+        "flex cursor-default items-center justify-center py-1",
+        e
+      ),
+      ...r,
+      children: /* @__PURE__ */ t(i, { className: "size-4" })
+    }
+  );
+}
 export {
   y as SelectContent,
-  C as SelectGroup,
-  N as SelectItem,
-  g as SelectLabel,
-  R as SelectRoot,
+  h as SelectGroup,
+  z as SelectItem,
+  S as SelectLabel,
+  a as SelectPrimitive,
+  x as SelectRoot,
   m as SelectScrollDownButton,
-  c as SelectScrollUpButton,
-  x as SelectSeparator,
+  p as SelectScrollUpButton,
+  N as SelectSeparator,
   w as SelectTrigger,
-  I as SelectValue
+  b as SelectValue
 };
 //# sourceMappingURL=SelectRoot.js.map

package/Select/SelectRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectRoot.js","sources":["../../src/Select/SelectRoot.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react';\n\nimport { cn } from '@oneplatformdev/utils';\n\nconst SelectRoot = SelectPrimitive.Root;\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n      'disabled:[&>svg]:hidden',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <ChevronDown className=\"h-4 w-4 opacity-50\" />\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className\n    )}\n    {...props}\n  >\n    <ChevronUp className=\"h-4 w-4\" />\n  </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\n      \"flex cursor-default items-center justify-center py-1\",\n      className\n    )}\n    {...props}\n  >\n    <ChevronDown className=\"h-4 w-4\" />\n  </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", style, ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n        className\n      )}\n      position={position}\n      style={{\n        pointerEvents: 'auto',\n        ...style,\n      }}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          \"p-1\",\n          position === \"popper\" &&\n            \"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)\"\n        )}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n    {...props}\n  />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <SelectPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n  SelectRoot,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n}\n"],"names":["SelectRoot","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","jsxs","cn","jsx","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","style","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":"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"}
+{"version":3,"file":"SelectRoot.js","sources":["../../src/Select/SelectRoot.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction SelectRoot({\n                  ...props\n                }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n                       ...props\n                     }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n                       ...props\n                     }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n                         className,\n                         size = \"default\",\n                         children,\n                         ...props\n                       }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n                         className,\n                         children,\n                         position = \"popper\",\n                         align = \"center\",\n                         ...props\n                       }: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n          position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className\n        )}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n                       className,\n                       ...props\n                     }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n                      className,\n                      children,\n                      ...props\n                    }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n                           className,\n                           ...props\n                         }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n                                className,\n                                ...props\n                              }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n                                  className,\n                                  ...props\n                                }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  SelectRoot,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  SelectPrimitive,\n}\n"],"names":["SelectRoot","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","size","children","jsxs","cn","jsx","ChevronDownIcon","SelectContent","position","align","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon"],"mappings":"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"}

package/Select/index.js

@@ -1,16 +1,18 @@
-import { SelectContent as l, SelectGroup as o, SelectItem as S, SelectLabel as c, SelectRoot as r, SelectScrollDownButton as n, SelectScrollUpButton as p, SelectSeparator as a, SelectTrigger as u, SelectValue as m } from "./SelectRoot.js";
-import { Select as g } from "./Select.js";
+import { SelectContent as o, SelectGroup as r, SelectItem as S, SelectLabel as c, SelectRoot as p, SelectScrollDownButton as m, SelectScrollUpButton as a, SelectSeparator as i, SelectTrigger as n, SelectValue as u } from "./SelectRoot.js";
+import { Select as x } from "./Select.js";
+import * as e from "@radix-ui/react-select";
 export {
-  g as Select,
-  l as SelectContent,
-  o as SelectGroup,
+  x as Select,
+  o as SelectContent,
+  r as SelectGroup,
   S as SelectItem,
   c as SelectLabel,
-  r as SelectRoot,
-  n as SelectScrollDownButton,
-  p as SelectScrollUpButton,
-  a as SelectSeparator,
-  u as SelectTrigger,
-  m as SelectValue
+  e as SelectPrimitive,
+  p as SelectRoot,
+  m as SelectScrollDownButton,
+  a as SelectScrollUpButton,
+  i as SelectSeparator,
+  n as SelectTrigger,
+  u as SelectValue
 };
 //# sourceMappingURL=index.js.map

package/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/TablePagination/TablePagination.js

@@ -1,21 +1,23 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { Button as o } from "../Button/Button.js";
 import "../Button/buttonVariants.js";
-import "../Select/SelectRoot.js";
+import "@radix-ui/react-select";
+import "lucide-react";
+import "@oneplatformdev/utils";
 import { Select as P } from "../Select/Select.js";
-const y = ({
+const L = ({
   offset: l,
   limit: a,
   totalRows: s,
   setLimit: p,
   setOffset: t,
-  tRowsPerPage: d = "Rows per page",
-  tPrevious: m = "Previous",
+  tRowsPerPage: m = "Rows per page",
+  tPrevious: d = "Previous",
   tPage: u = "Page",
   tNext: x = "Next",
   tOf: v = "Of"
 }) => {
-  const i = Math.ceil(l / a) + 1, r = Math.ceil(s / a), h = i === r, b = (e) => {
+  const r = Math.ceil(l / a) + 1, c = Math.ceil(s / a), h = r === c, b = (e) => {
     t(0), p(parseInt(e));
   }, g = () => {
     let e = l - a;
@@ -24,9 +26,9 @@ const y = ({
     let e = l + a;
     e > s && (e = s - a), t(e);
   };
-  return /* @__PURE__ */ c("div", { className: "flex items-center justify-end space-x-2 py-4", children: [
-    /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ n("span", { className: "text-sm text-nowrap", children: d }),
+  return /* @__PURE__ */ i("div", { className: "flex items-center justify-end space-x-2 py-4", children: [
+    /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ n("span", { className: "text-sm text-nowrap", children: m }),
       /* @__PURE__ */ n(
         P,
         {
@@ -44,7 +46,7 @@ const y = ({
         }
       )
     ] }),
-    /* @__PURE__ */ c("div", { className: "space-x-2", children: [
+    /* @__PURE__ */ i("div", { className: "space-x-2", children: [
       /* @__PURE__ */ n(
         o,
         {
@@ -52,10 +54,10 @@ const y = ({
           size: "sm",
           disabled: !l,
           onClick: g,
-          children: m
+          children: d
         }
       ),
-      /* @__PURE__ */ n("span", { className: "text-sm", children: `${u} ${i} ${v} ${r}` }),
+      /* @__PURE__ */ n("span", { className: "text-sm", children: `${u} ${r} ${v} ${c}` }),
       /* @__PURE__ */ n(
         o,
         {
@@ -70,6 +72,6 @@ const y = ({
   ] });
 };
 export {
-  y as TablePagination
+  L as TablePagination
 };
 //# sourceMappingURL=TablePagination.js.map

package/TablePagination/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","sources":["../../src/TablePagination/TablePagination.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '../Button';\nimport { Select } from '../Select';\nimport { FC } from 'react';\n\ninterface IProps {\n  limit: number;\n  offset: number;\n  totalRows: number;\n  setLimit: (limit: number) => void;\n  setOffset: (offset: number) => void;\n  tRowsPerPage?: string;\n  tPrevious?: string;\n  tPage?:string;\n  tNext?:string;\n  tOf?:string\n}\n\nexport const TablePagination: FC<IProps> = ({\n  offset,\n  limit,\n  totalRows,\n  setLimit,\n  setOffset,\n  tRowsPerPage= \"Rows per page\",\n  tPrevious= \"Previous\",\n  tPage= \"Page\",\n  tNext= \"Next\",\n  tOf= \"Of\",\n}) => {\n  const currentPage = Math.ceil(offset / limit) + 1;\n  const totalPages = Math.ceil(totalRows / limit);\n  const isLastPage = currentPage === totalPages;\n\n  const onChangeLimit = (value: string) => {\n    setOffset(0);\n    setLimit(parseInt(value));\n  };\n\n  const onPrevious = () => {\n    let nextOffset = offset - limit;\n    if (nextOffset < 0) {\n      nextOffset = 0;\n    }\n    setOffset(nextOffset);\n  };\n\n  const onNext = () => {\n    let nextOffset = offset + limit;\n    if (nextOffset > totalRows) {\n      nextOffset = totalRows - limit;\n    }\n    setOffset(nextOffset);\n  };\n\n  return (\n    <div className=\"flex items-center justify-end space-x-2 py-4\">\n      <div className=\"flex items-center space-x-2\">\n        <span className=\"text-sm text-nowrap\">{tRowsPerPage}</span>\n        <Select\n          value={limit?.toString()}\n          options={[\n            { value: '5', label: '5' },\n            { value: '10', label: '10' },\n            { value: '20', label: '20' },\n            { value: '30', label: '30' },\n            { value: '50', label: '50' },\n          ]}\n          onChange={onChangeLimit}\n          placeholder=\"6\"\n          nullable={false}\n        />\n      </div>\n      <div className=\"space-x-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={!offset}\n          onClick={onPrevious}\n        >\n          {tPrevious}\n        </Button>\n        <span className=\"text-sm\">{`${tPage} ${currentPage} ${tOf} ${totalPages}`}</span>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={isLastPage}\n          onClick={onNext}\n        >\n          {tNext}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["TablePagination","offset","limit","totalRows","setLimit","setOffset","tRowsPerPage","tPrevious","tPage","tNext","tOf","currentPage","totalPages","isLastPage","onChangeLimit","value","onPrevious","nextOffset","onNext","jsxs","jsx","Select","Button"],"mappings":";;;;;AAmBO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAc;AAAA,EACd,WAAAC,IAAW;AAAA,EACX,OAAAC,IAAO;AAAA,EACP,OAAAC,IAAO;AAAA,EACP,KAAAC,IAAK;AACP,MAAM;AACJ,QAAMC,IAAc,KAAK,KAAKV,IAASC,CAAK,IAAI,GAC1CU,IAAa,KAAK,KAAKT,IAAYD,CAAK,GACxCW,IAAaF,MAAgBC,GAE7BE,IAAgB,CAACC,MAAkB;AACvC,IAAAV,EAAU,CAAC,GACXD,EAAS,SAASW,CAAK,CAAC;AAAA,EAC1B,GAEMC,IAAa,MAAM;AACvB,QAAIC,IAAahB,IAASC;AAC1B,IAAIe,IAAa,MACfA,IAAa,IAEfZ,EAAUY,CAAU;AAAA,EACtB,GAEMC,IAAS,MAAM;AACnB,QAAID,IAAahB,IAASC;AAC1B,IAAIe,IAAad,MACfc,IAAad,IAAYD,IAE3BG,EAAUY,CAAU;AAAA,EACtB;AAEA,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,uBAAuB,UAAAd,GAAa;AAAA,MACpD,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAOnB,GAAO,SAAA;AAAA,UACd,SAAS;AAAA,YACP,EAAE,OAAO,KAAK,OAAO,IAAA;AAAA,YACrB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,UAAK;AAAA,UAE7B,UAAUY;AAAA,UACV,aAAY;AAAA,UACZ,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU,CAACrB;AAAA,UACX,SAASe;AAAA,UAER,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAa,EAAC,QAAA,EAAK,WAAU,WAAW,UAAA,GAAGZ,CAAK,IAAIG,CAAW,IAAID,CAAG,IAAIE,CAAU,IAAG;AAAA,MAC1E,gBAAAQ;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAUT;AAAA,UACV,SAASK;AAAA,UAER,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"TablePagination.js","sources":["../../src/TablePagination/TablePagination.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '../Button';\nimport { Select } from '../Select';\nimport { FC } from 'react';\n\ninterface IProps {\n  limit: number;\n  offset: number;\n  totalRows: number;\n  setLimit: (limit: number) => void;\n  setOffset: (offset: number) => void;\n  tRowsPerPage?: string;\n  tPrevious?: string;\n  tPage?:string;\n  tNext?:string;\n  tOf?:string\n}\n\nexport const TablePagination: FC<IProps> = ({\n  offset,\n  limit,\n  totalRows,\n  setLimit,\n  setOffset,\n  tRowsPerPage= \"Rows per page\",\n  tPrevious= \"Previous\",\n  tPage= \"Page\",\n  tNext= \"Next\",\n  tOf= \"Of\",\n}) => {\n  const currentPage = Math.ceil(offset / limit) + 1;\n  const totalPages = Math.ceil(totalRows / limit);\n  const isLastPage = currentPage === totalPages;\n\n  const onChangeLimit = (value: string) => {\n    setOffset(0);\n    setLimit(parseInt(value));\n  };\n\n  const onPrevious = () => {\n    let nextOffset = offset - limit;\n    if (nextOffset < 0) {\n      nextOffset = 0;\n    }\n    setOffset(nextOffset);\n  };\n\n  const onNext = () => {\n    let nextOffset = offset + limit;\n    if (nextOffset > totalRows) {\n      nextOffset = totalRows - limit;\n    }\n    setOffset(nextOffset);\n  };\n\n  return (\n    <div className=\"flex items-center justify-end space-x-2 py-4\">\n      <div className=\"flex items-center space-x-2\">\n        <span className=\"text-sm text-nowrap\">{tRowsPerPage}</span>\n        <Select\n          value={limit?.toString()}\n          options={[\n            { value: '5', label: '5' },\n            { value: '10', label: '10' },\n            { value: '20', label: '20' },\n            { value: '30', label: '30' },\n            { value: '50', label: '50' },\n          ]}\n          onChange={onChangeLimit}\n          placeholder=\"6\"\n          nullable={false}\n        />\n      </div>\n      <div className=\"space-x-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={!offset}\n          onClick={onPrevious}\n        >\n          {tPrevious}\n        </Button>\n        <span className=\"text-sm\">{`${tPage} ${currentPage} ${tOf} ${totalPages}`}</span>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={isLastPage}\n          onClick={onNext}\n        >\n          {tNext}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["TablePagination","offset","limit","totalRows","setLimit","setOffset","tRowsPerPage","tPrevious","tPage","tNext","tOf","currentPage","totalPages","isLastPage","onChangeLimit","value","onPrevious","nextOffset","onNext","jsxs","jsx","Select","Button"],"mappings":";;;;;;;AAmBO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAc;AAAA,EACd,WAAAC,IAAW;AAAA,EACX,OAAAC,IAAO;AAAA,EACP,OAAAC,IAAO;AAAA,EACP,KAAAC,IAAK;AACP,MAAM;AACJ,QAAMC,IAAc,KAAK,KAAKV,IAASC,CAAK,IAAI,GAC1CU,IAAa,KAAK,KAAKT,IAAYD,CAAK,GACxCW,IAAaF,MAAgBC,GAE7BE,IAAgB,CAACC,MAAkB;AACvC,IAAAV,EAAU,CAAC,GACXD,EAAS,SAASW,CAAK,CAAC;AAAA,EAC1B,GAEMC,IAAa,MAAM;AACvB,QAAIC,IAAahB,IAASC;AAC1B,IAAIe,IAAa,MACfA,IAAa,IAEfZ,EAAUY,CAAU;AAAA,EACtB,GAEMC,IAAS,MAAM;AACnB,QAAID,IAAahB,IAASC;AAC1B,IAAIe,IAAad,MACfc,IAAad,IAAYD,IAE3BG,EAAUY,CAAU;AAAA,EACtB;AAEA,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,uBAAuB,UAAAd,GAAa;AAAA,MACpD,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAOnB,GAAO,SAAA;AAAA,UACd,SAAS;AAAA,YACP,EAAE,OAAO,KAAK,OAAO,IAAA;AAAA,YACrB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,UAAK;AAAA,UAE7B,UAAUY;AAAA,UACV,aAAY;AAAA,UACZ,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU,CAACrB;AAAA,UACX,SAASe;AAAA,UAER,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAa,EAAC,QAAA,EAAK,WAAU,WAAW,UAAA,GAAGZ,CAAK,IAAIG,CAAW,IAAID,CAAG,IAAIE,CAAU,IAAG;AAAA,MAC1E,gBAAAQ;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAUT;AAAA,UACV,SAASK;AAAA,UAER,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}