geoiq-frontend-ui-kit 1.2.4 → 1.3.0

package/dist/components/molecules/dropdown-menu/dropdown-menu-components.d.ts

@@ -12,7 +12,7 @@ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<Dropd
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & Pick<DropdownMenuPrimitive.DropdownMenuPortalProps, "container"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/molecules/dropdown-menu/dropdown-menu-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-components.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu-components.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAKtE,QAAA,MAAM,YAAY;SAGT,MAAM;+BAMb,CAAA;AAEF,QAAA,MAAM,mBAAmB,0HAAgC,CAAA;AAEzD,QAAA,MAAM,iBAAiB,qHAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,yDAA+B,CAAA;AAEvD,QAAA,MAAM,eAAe,sDAA4B,CAAA;AAEjD,QAAA,MAAM,sBAAsB,0HAAmC,CAAA;AAE/D,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAA;AAIF,QAAA,MAAM,sBAAsB,6KAY1B,CAAA;AAIF,QAAA,MAAM,mBAAmB,0KAevB,CAAA;AAGF,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAcjB,CAAA;AAGF,QAAA,MAAM,wBAAwB,+KAqB5B,CAAA;AAIF,QAAA,MAAM,qBAAqB,4KAmBzB,CAAA;AAGF,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,qBAAqB,4KASzB,CAAA;AAGF,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAA;AAGD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}
+{"version":3,"file":"dropdown-menu-components.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu-components.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAKtE,QAAA,MAAM,YAAY;SAGT,MAAM;+BAMb,CAAA;AAEF,QAAA,MAAM,mBAAmB,0HAAgC,CAAA;AAEzD,QAAA,MAAM,iBAAiB,qHAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,yDAA+B,CAAA;AAEvD,QAAA,MAAM,eAAe,sDAA4B,CAAA;AAEjD,QAAA,MAAM,sBAAsB,0HAAmC,CAAA;AAE/D,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAA;AAIF,QAAA,MAAM,sBAAsB,6KAY1B,CAAA;AAIF,QAAA,MAAM,mBAAmB,6OAmBvB,CAAA;AAGF,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAcjB,CAAA;AAGF,QAAA,MAAM,wBAAwB,+KAqB5B,CAAA;AAIF,QAAA,MAAM,qBAAqB,4KAmBzB,CAAA;AAGF,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,qBAAqB,4KASzB,CAAA;AAGF,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAA;AAGD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}

package/dist/components/molecules/dropdown-menu/dropdown-menu.d.ts

@@ -1,4 +1,4 @@
 import { DropdownMenuProps } from './dropdown-menu.types';
 
-export declare function Dropdown({ trigger, optionGroups, header, dropdownContentProps, id, }: DropdownMenuProps): import("react/jsx-dev-runtime").JSX.Element;
+export declare function Dropdown({ trigger, optionGroups, header, dropdownContentProps, id, container, }: DropdownMenuProps): import("react/jsx-dev-runtime").JSX.Element;
 //# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/molecules/dropdown-menu/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,YAAY,EACZ,MAAqB,EACrB,oBAAyB,EACzB,EAAE,GACH,EAAE,iBAAiB,+CAmJnB"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,YAAY,EACZ,MAAqB,EACrB,oBAAyB,EACzB,EAAE,EACF,SAAS,GACV,EAAE,iBAAiB,+CAwEnB"}

package/dist/components/molecules/dropdown-menu/dropdown-menu.types.d.ts

@@ -14,5 +14,6 @@ export type DropdownMenuProps = {
     header?: React.ReactNode;
     dropdownContentProps?: DropdownContentProps;
     id?: string;
+    container?: Element | null | undefined;
 };
 //# sourceMappingURL=dropdown-menu.types.d.ts.map

package/dist/components/molecules/dropdown-menu/dropdown-menu.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAEtE,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAC/D,OAAO,qBAAqB,CAAC,OAAO,CACrC,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,YAAY,EAAE,mBAAmB,EAAE,EAAE,CAAA;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA"}
+{"version":3,"file":"dropdown-menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAEtE,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAC/D,OAAO,qBAAqB,CAAC,OAAO,CACrC,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,YAAY,EAAE,mBAAmB,EAAE,EAAE,CAAA;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAA;CACvC,CAAA"}

package/dist/components/molecules/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AA6BxC,QAAA,MAAM,WAAW,0JAYf,CAAA;AAGF,QAAA,MAAM,IAAI,kFAsCT,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AA6BxC,QAAA,MAAM,WAAW,0JAYf,CAAA;AAGF,QAAA,MAAM,IAAI,kFAoDT,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/molecules/tabs/tabs.types.d.ts

@@ -1,5 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { TabsVariants } from './tabs.styles';
+import { LucideIcon } from 'lucide-react';
 
 export interface TabsProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof TabsVariants> {
     defaultValue?: string;
@@ -7,6 +8,7 @@ export interface TabsProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
     tabList: {
         label: string;
         value: string;
+        icon?: string | LucideIcon;
     }[];
     onTabChange: (value: string) => void;
     id?: string;

package/dist/components/molecules/tabs/tabs.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3C,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ"}
+{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;KAC3B,EAAE,CAAA;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ"}

package/dist/components/molecules/toggle-multi-select/index.d.ts

@@ -1,5 +1,5 @@
 import { ToggleMultiSelectProps } from './toggle-multi-select.types';
 
-declare function ToggleMultiSelect({ options, selected, onChange, className, id, isSearchable, icon, ...props }: ToggleMultiSelectProps): import("react/jsx-dev-runtime").JSX.Element;
+declare function ToggleMultiSelect({ options, selected, onChange, className, id, isSearchable, icon, container, ...props }: ToggleMultiSelectProps): import("react/jsx-dev-runtime").JSX.Element;
 export { ToggleMultiSelect };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/toggle-multi-select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/toggle-multi-select/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,EAAE,EACF,YAAoB,EACpB,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,sBAAsB,+CAkFxB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/toggle-multi-select/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,iBAAS,iBAAiB,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,EAAE,EACF,YAAoB,EACpB,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,+CAiFxB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/molecules/toggle-multi-select/toggle-multi-select.types.d.ts

@@ -6,6 +6,7 @@ export interface ToggleMultiSelectProps {
     id?: string;
     isSearchable?: boolean;
     icon: React.ReactElement;
+    container?: Element | null | undefined;
 }
 export type OptionType = {
     label: string;

package/dist/components/molecules/toggle-multi-select/toggle-multi-select.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-multi-select.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/toggle-multi-select/toggle-multi-select.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAA;CACzB;AACD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"toggle-multi-select.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/toggle-multi-select/toggle-multi-select.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAA;IAExB,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAA;CACvC;AACD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC1B,CAAA"}

package/dist/components/unstyled/popover/popover-components.d.ts

@@ -4,6 +4,6 @@ declare const Popover: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverP
     id?: string;
 } & React.RefAttributes<never>>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & Pick<PopoverPrimitive.PopoverPortalProps, "container"> & React.RefAttributes<HTMLDivElement>>;
 export { Popover, PopoverTrigger, PopoverContent };
 //# sourceMappingURL=popover-components.d.ts.map

package/dist/components/unstyled/popover/popover-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-components.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/popover/popover-components.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,OAAO;SAGJ,MAAM;+BAMb,CAAA;AAEF,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,cAAc,gKAiClB,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"popover-components.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/popover/popover-components.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,OAAO;SAGJ,MAAM;+BAMb,CAAA;AAEF,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,cAAc,yNAqClB,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/unstyled/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/popover/popover.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAG9C,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,EAAE,GACH,EAAE,YAAY,+CAYd"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/popover/popover.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAM9C,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,EAAE,GACH,EAAE,YAAY,+CAYd"}

package/dist/components/unstyled/popover/popover.types.d.ts

@@ -3,7 +3,7 @@ export type PopoverProps = {
     trigger: React.ReactNode;
     content: React.ReactNode;
     triggerProps?: PopoverPrimitive.PopoverTriggerProps;
-    contentProps?: PopoverPrimitive.PopoverContentProps;
+    contentProps?: PopoverPrimitive.PopoverContentProps & Pick<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Portal>, 'container'>;
     id?: string;
 };
 //# sourceMappingURL=popover.types.d.ts.map

package/dist/components/unstyled/popover/popover.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/popover/popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAE3D,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,YAAY,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAA;IACnD,YAAY,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAA;IACnD,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA"}
+{"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/popover/popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAE3D,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,YAAY,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAA;IACnD,YAAY,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,GACjD,IAAI,CACF,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,EAC9D,WAAW,CACZ,CAAA;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA"}

package/dist/index.es10.js

@@ -1,7 +1,7 @@
 import * as r from "react";
 import * as a from "@radix-ui/react-progress";
 import { cn as i } from "./index.es69.js";
-import { ProgressVariants as n } from "./index.es77.js";
+import { ProgressVariants as n } from "./index.es83.js";
 const l = r.forwardRef(({ className: t, value: o, ...e }, m) => {
   const s = (o || 0) / (e.max || 100) * 100;
   return /* @__PURE__ */ r.createElement(

package/dist/index.es15.js

@@ -6,7 +6,7 @@ import "./index.es50.js";
 import "./index.es70.js";
 import "./index.es26.js";
 import "./index.es32.js";
-import { TextAreaVariants as m } from "./index.es80.js";
+import { TextAreaVariants as m } from "./index.es81.js";
 const g = e.forwardRef(
   ({ className: o, inputLabel: i, showTextCount: l, maximumTextCount: a, id: d, ...t }, f) => {
     const [r, s] = e.useState(!1), c = e.useRef(null);

package/dist/index.es18.js

@@ -1,7 +1,7 @@
 import * as o from "react";
 import { cn as n } from "./index.es69.js";
 import { TypographyVariants as y } from "./index.es62.js";
-import { defaultTypographyVariant as i, variantElementMap as c } from "./index.es78.js";
+import { defaultTypographyVariant as i, variantElementMap as c } from "./index.es82.js";
 const f = o.forwardRef(({ className: t, variant: r = i, id: e, ...a }, p) => {
   const m = c[r];
   return /* @__PURE__ */ o.createElement(

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import { cn as s } from "./index.es69.js";
-import { AlertVariants as d, AlertContentVariants as g, AlertButtonVariants as p } from "./index.es79.js";
+import { AlertVariants as d, AlertContentVariants as g, AlertButtonVariants as p } from "./index.es84.js";
 import { Button as u } from "./index.es7.js";
 import { Typography as h } from "./index.es18.js";
 const c = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(

package/dist/index.es20.js

@@ -1,9 +1,9 @@
-import { Breadcrumb as b, BreadcrumbList as h, BreadcrumbSeparator as o, BreadcrumbItem as s, BreadcrumbEllipsis as y, BreadcrumbLink as i } from "./index.es82.js";
-import { DropdownMenu as d, DropdownMenuTrigger as f, DropdownMenuContent as B, DropdownMenuItem as w } from "./index.es83.js";
+import { Breadcrumb as b, BreadcrumbList as h, BreadcrumbSeparator as o, BreadcrumbItem as s, BreadcrumbEllipsis as y, BreadcrumbLink as i } from "./index.es78.js";
+import { DropdownMenu as d, DropdownMenuTrigger as f, DropdownMenuContent as B, DropdownMenuItem as w } from "./index.es79.js";
 import e from "react";
 import { Typography as N } from "./index.es18.js";
 import { cn as D } from "./index.es69.js";
-import { CrumbVariants as k } from "./index.es84.js";
+import { CrumbVariants as k } from "./index.es80.js";
 function u({ field: t, isSelected: r }) {
   return /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement(
     i,

package/dist/index.es21.js

@@ -1,34 +1,36 @@
 import e from "react";
-import { DropdownMenu as i, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuLabel as h, DropdownMenuSeparator as d, DropdownMenuGroup as E, DropdownMenuSub as w, DropdownMenuSubTrigger as x, DropdownMenuPortal as N, DropdownMenuSubContent as D, DropdownMenuItem as s } from "./index.es83.js";
-function v({
+import { DropdownMenu as g, DropdownMenuTrigger as p, DropdownMenuContent as h, DropdownMenuLabel as E, DropdownMenuSeparator as d, DropdownMenuGroup as w, DropdownMenuSub as x, DropdownMenuSubTrigger as N, DropdownMenuPortal as D, DropdownMenuSubContent as M, DropdownMenuItem as s } from "./index.es79.js";
+function C({
   trigger: c,
   optionGroups: r,
   header: t = "My Account",
   dropdownContentProps: o = {},
-  id: M
+  id: y,
+  container: m
 }) {
-  return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(g, { asChild: !0 }, c), /* @__PURE__ */ e.createElement(
-    p,
+  return /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(p, { asChild: !0 }, c), /* @__PURE__ */ e.createElement(
+    h,
     {
       className: "bg-light-1 w-56 shadow-lg  rounded-[8px]",
+      container: m,
       ...o
     },
-    t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(h, null, t), /* @__PURE__ */ e.createElement(d, { className: "border-t border-neutral-1" })),
-    r.map((m, n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, /* @__PURE__ */ e.createElement(E, null, m.map((a, u) => a.subItems ? /* @__PURE__ */ e.createElement(w, { key: u }, /* @__PURE__ */ e.createElement(
-      x,
+    t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(E, null, t), /* @__PURE__ */ e.createElement(d, { className: "border-t border-neutral-1" })),
+    r.map((u, n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, /* @__PURE__ */ e.createElement(w, null, u.map((a, b) => a.subItems ? /* @__PURE__ */ e.createElement(x, { key: b }, /* @__PURE__ */ e.createElement(
+      N,
       {
         disabled: a.disabled,
         className: `data-[disabled]:hover:bg-light-1 hover:bg-light-2 rounded-md py-[11px] px-4 cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed ${a.className}`
       },
       a.icon,
       /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, a.label)
-    ), /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(D, { className: "bg-light-1" }, a.subItems?.map((l, b) => /* @__PURE__ */ e.createElement(
+    ), /* @__PURE__ */ e.createElement(D, null, /* @__PURE__ */ e.createElement(M, { className: "bg-light-1" }, a.subItems?.map((l, i) => /* @__PURE__ */ e.createElement(
       s,
       {
         disabled: l?.disabled,
         className: ` data-[disabled]:hover:bg-light-1 hover:bg-light-2  data-[disabled]:cursor-not-allowed py-[11px] px-4 rounded-md ${l.className}`,
         onClick: l.onClick,
-        key: b
+        key: i
       },
       l.icon,
       /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, l.label)
@@ -45,6 +47,6 @@ function v({
   ));
 }
 export {
-  v as Dropdown
+  C as Dropdown
 };
 //# sourceMappingURL=index.es21.js.map

package/dist/index.es21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es21.js","sources":["../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import React from 'react'\n\n// import { Button } from '../button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuSeparator,\n  // DropdownMenuShortcut,\n  //   DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from './dropdown-menu-components'\nimport { DropdownMenuProps } from './dropdown-menu.types'\n\nexport function Dropdown({\n  trigger,\n  optionGroups,\n  header = 'My Account',\n  dropdownContentProps = {},\n  id,\n}: DropdownMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n      <DropdownMenuContent\n        className=\"bg-light-1 w-56 shadow-lg  rounded-[8px]\"\n        {...dropdownContentProps}\n      >\n        {/* label section (string/jsx) */}\n        {header && (\n          <>\n            <DropdownMenuLabel>{header}</DropdownMenuLabel>\n            <DropdownMenuSeparator className=\"border-t border-neutral-1\" />\n          </>\n        )}\n        {optionGroups.map((options, groupIndex) => {\n          return (\n            <React.Fragment key={groupIndex}>\n              <DropdownMenuGroup>\n                {options.map((option, optionIndex) => {\n                  if (option.subItems) {\n                    return (\n                      <DropdownMenuSub key={optionIndex}>\n                        <DropdownMenuSubTrigger\n                          disabled={option['disabled']}\n                          className={`data-[disabled]:hover:bg-light-1 hover:bg-light-2 rounded-md py-[11px] px-4 cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed ${option.className}`}\n                        >\n                          {option.icon}\n                          <span className=\"text-xs\">{option.label}</span>\n                        </DropdownMenuSubTrigger>\n                        <DropdownMenuPortal>\n                          <DropdownMenuSubContent className=\"bg-light-1\">\n                            {option.subItems?.map((subItem, subItemIndex) => (\n                              <DropdownMenuItem\n                                disabled={subItem?.disabled}\n                                className={` data-[disabled]:hover:bg-light-1 hover:bg-light-2  data-[disabled]:cursor-not-allowed py-[11px] px-4 rounded-md ${subItem.className}`}\n                                onClick={subItem.onClick}\n                                key={subItemIndex}\n                              >\n                                {subItem.icon}\n                                <span className=\"text-xs\">{subItem.label}</span>\n                              </DropdownMenuItem>\n                            ))}\n                          </DropdownMenuSubContent>\n                        </DropdownMenuPortal>\n                      </DropdownMenuSub>\n                    )\n                  }\n                  return (\n                    <DropdownMenuItem\n                      className={`data-[disabled]:hover:bg-light-1 hover:bg-light-2 data-[disabled]:cursor-not-allowed hover:rounded-md py-[11px] px-4 h-[42px] ${option.className}`}\n                      onClick={option.onClick}\n                      disabled={option['disabled']}\n                    >\n                      {option.icon}\n                      <span className=\"text-xs\">{option.label}</span>\n\n                      {/* <DropdownMenuShortcut>⌘B</DropdownMenuShortcut> */}\n                    </DropdownMenuItem>\n                  )\n                })}\n              </DropdownMenuGroup>\n              {groupIndex + 1 !== optionGroups.length && (\n                <DropdownMenuSeparator className=\"border-t border-neutral-1\" />\n              )}\n            </React.Fragment>\n          )\n        })}\n        {/* <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <User className=\"w-4 h-4 mr-2\" />\n            <span>Profile</span>\n            <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <CreditCard className=\"w-4 h-4 mr-2\" />\n            <span>Billing</span>\n            <DropdownMenuShortcut>⌘B</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <Settings className=\"w-4 h-4 mr-2\" />\n            <span>Settings</span>\n            <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <Keyboard className=\"w-4 h-4 mr-2\" />\n            <span>Keyboard shortcuts</span>\n            <DropdownMenuShortcut>⌘K</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <Users className=\"w-4 h-4 mr-2\" />\n            <span>Team</span>\n          </DropdownMenuItem>\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger>\n              <UserPlus className=\"w-4 h-4 mr-2\" />\n              <span>Invite users</span>\n            </DropdownMenuSubTrigger>\n            <DropdownMenuPortal>\n              <DropdownMenuSubContent>\n                <DropdownMenuItem>\n                  <Mail className=\"w-4 h-4 mr-2\" />\n                  <span>Email</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <MessageSquare className=\"w-4 h-4 mr-2\" />\n                  <span>Message</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <PlusCircle className=\"w-4 h-4 mr-2\" />\n                  <span>More...</span>\n                </DropdownMenuItem>\n              </DropdownMenuSubContent>\n            </DropdownMenuPortal>\n          </DropdownMenuSub>\n          <DropdownMenuItem>\n            <Plus className=\"w-4 h-4 mr-2\" />\n            <span>New Team</span>\n            <DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          <Github className=\"w-4 h-4 mr-2\" />\n          <span>GitHub</span>\n        </DropdownMenuItem>\n        <DropdownMenuItem>\n          <LifeBuoy className=\"w-4 h-4 mr-2\" />\n          <span>Support</span>\n        </DropdownMenuItem>\n        <DropdownMenuItem disabled>\n          <Cloud className=\"w-4 h-4 mr-2\" />\n          <span>API</span>\n        </DropdownMenuItem>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          <LogOut className=\"w-4 h-4 mr-2\" />\n          <span>Log out</span>\n          <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>\n        </DropdownMenuItem> */}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":["Dropdown","trigger","optionGroups","header","dropdownContentProps","id","DropdownMenu","React","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","options","groupIndex","DropdownMenuGroup","option","optionIndex","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuPortal","DropdownMenuSubContent","subItem","subItemIndex","DropdownMenuItem"],"mappings":";;AAoBO,SAASA,EAAS;AAAA,EACvB,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,sBAAAC,IAAuB,CAAC;AAAA,EACxB,IAAAC;AACF,GAAsB;AACpB,yCACGC,GACC,MAAAC,gBAAAA,EAAA,cAACC,KAAoB,SAAO,GAAA,GAAEP,CAAQ,GACtCM,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAGL;AAAA,IAAA;AAAA,IAGHD,KAEGI,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA,cAACG,GAAmB,MAAAP,CAAO,GAC1BI,gBAAAA,EAAA,cAAAI,GAAA,EAAsB,WAAU,4BAAA,CAA4B,CAC/D;AAAA,IAEDT,EAAa,IAAI,CAACU,GAASC,MAEvBN,gBAAAA,EAAA,cAAAA,EAAM,UAAN,EAAe,KAAKM,EAAA,GAClBN,gBAAAA,EAAA,cAAAO,GAAA,MACEF,EAAQ,IAAI,CAACG,GAAQC,MAChBD,EAAO,WAEPR,gBAAAA,EAAA,cAACU,GAAgB,EAAA,KAAKD,EACpB,GAAAT,gBAAAA,EAAA;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,UAAUH,EAAO;AAAA,QACjB,WAAW,4JAA4JA,EAAO,SAAS;AAAA,MAAA;AAAA,MAEtLA,EAAO;AAAA,MACPR,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWQ,EAAO,KAAM;AAAA,IAAA,GAE1CR,gBAAAA,EAAA,cAACY,GACC,MAAAZ,gBAAAA,EAAA,cAACa,GAAuB,EAAA,WAAU,aAC/B,GAAAL,EAAO,UAAU,IAAI,CAACM,GAASC,MAC9Bf,gBAAAA,EAAA;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,UAAUF,GAAS;AAAA,QACnB,WAAW,oHAAoHA,EAAQ,SAAS;AAAA,QAChJ,SAASA,EAAQ;AAAA,QACjB,KAAKC;AAAA,MAAA;AAAA,MAEJD,EAAQ;AAAA,MACRd,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWc,EAAQ,KAAM;AAAA,IAAA,CAE5C,CACH,CACF,CACF,IAIFd,gBAAAA,EAAA;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,WAAW,iIAAiIR,EAAO,SAAS;AAAA,QAC5J,SAASA,EAAO;AAAA,QAChB,UAAUA,EAAO;AAAA,MAAU;AAAA,MAE1BA,EAAO;AAAA,MACPR,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWQ,EAAO,KAAM;AAAA,IAAA,CAK7C,CACH,GACCF,IAAa,MAAMX,EAAa,UAC9BK,gBAAAA,EAAA,cAAAI,GAAA,EAAsB,WAAU,4BAAA,CAA4B,CAEjE,CAEH;AAAA,EAAA,CA8EL;AAEJ;"}
+{"version":3,"file":"index.es21.js","sources":["../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import React from 'react'\n\n// import { Button } from '../button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuSeparator,\n  // DropdownMenuShortcut,\n  //   DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from './dropdown-menu-components'\nimport { DropdownMenuProps } from './dropdown-menu.types'\n\nexport function Dropdown({\n  trigger,\n  optionGroups,\n  header = 'My Account',\n  dropdownContentProps = {},\n  id,\n  container,\n}: DropdownMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n      <DropdownMenuContent\n        className=\"bg-light-1 w-56 shadow-lg  rounded-[8px]\"\n        container={container}\n        {...dropdownContentProps}\n      >\n        {/* label section (string/jsx) */}\n        {header && (\n          <>\n            <DropdownMenuLabel>{header}</DropdownMenuLabel>\n            <DropdownMenuSeparator className=\"border-t border-neutral-1\" />\n          </>\n        )}\n        {optionGroups.map((options, groupIndex) => {\n          return (\n            <React.Fragment key={groupIndex}>\n              <DropdownMenuGroup>\n                {options.map((option, optionIndex) => {\n                  if (option.subItems) {\n                    return (\n                      <DropdownMenuSub key={optionIndex}>\n                        <DropdownMenuSubTrigger\n                          disabled={option['disabled']}\n                          className={`data-[disabled]:hover:bg-light-1 hover:bg-light-2 rounded-md py-[11px] px-4 cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed ${option.className}`}\n                        >\n                          {option.icon}\n                          <span className=\"text-xs\">{option.label}</span>\n                        </DropdownMenuSubTrigger>\n                        <DropdownMenuPortal>\n                          <DropdownMenuSubContent className=\"bg-light-1\">\n                            {option.subItems?.map((subItem, subItemIndex) => (\n                              <DropdownMenuItem\n                                disabled={subItem?.disabled}\n                                className={` data-[disabled]:hover:bg-light-1 hover:bg-light-2  data-[disabled]:cursor-not-allowed py-[11px] px-4 rounded-md ${subItem.className}`}\n                                onClick={subItem.onClick}\n                                key={subItemIndex}\n                              >\n                                {subItem.icon}\n                                <span className=\"text-xs\">{subItem.label}</span>\n                              </DropdownMenuItem>\n                            ))}\n                          </DropdownMenuSubContent>\n                        </DropdownMenuPortal>\n                      </DropdownMenuSub>\n                    )\n                  }\n                  return (\n                    <DropdownMenuItem\n                      className={`data-[disabled]:hover:bg-light-1 hover:bg-light-2 data-[disabled]:cursor-not-allowed hover:rounded-md py-[11px] px-4 h-[42px] ${option.className}`}\n                      onClick={option.onClick}\n                      disabled={option['disabled']}\n                    >\n                      {option.icon}\n                      <span className=\"text-xs\">{option.label}</span>\n\n                      {/* <DropdownMenuShortcut>⌘B</DropdownMenuShortcut> */}\n                    </DropdownMenuItem>\n                  )\n                })}\n              </DropdownMenuGroup>\n              {groupIndex + 1 !== optionGroups.length && (\n                <DropdownMenuSeparator className=\"border-t border-neutral-1\" />\n              )}\n            </React.Fragment>\n          )\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":["Dropdown","trigger","optionGroups","header","dropdownContentProps","id","container","DropdownMenu","React","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","options","groupIndex","DropdownMenuGroup","option","optionIndex","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuPortal","DropdownMenuSubContent","subItem","subItemIndex","DropdownMenuItem"],"mappings":";;AAoBO,SAASA,EAAS;AAAA,EACvB,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,sBAAAC,IAAuB,CAAC;AAAA,EACxB,IAAAC;AAAA,EACA,WAAAC;AACF,GAAsB;AACpB,yCACGC,GACC,MAAAC,gBAAAA,EAAA,cAACC,KAAoB,SAAO,GAAA,GAAER,CAAQ,GACtCO,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,WAAAJ;AAAA,MACC,GAAGF;AAAA,IAAA;AAAA,IAGHD,KAEGK,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA,cAACG,GAAmB,MAAAR,CAAO,GAC1BK,gBAAAA,EAAA,cAAAI,GAAA,EAAsB,WAAU,4BAAA,CAA4B,CAC/D;AAAA,IAEDV,EAAa,IAAI,CAACW,GAASC,MAEvBN,gBAAAA,EAAA,cAAAA,EAAM,UAAN,EAAe,KAAKM,EAAA,GAClBN,gBAAAA,EAAA,cAAAO,GAAA,MACEF,EAAQ,IAAI,CAACG,GAAQC,MAChBD,EAAO,WAEPR,gBAAAA,EAAA,cAACU,GAAgB,EAAA,KAAKD,EACpB,GAAAT,gBAAAA,EAAA;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,UAAUH,EAAO;AAAA,QACjB,WAAW,4JAA4JA,EAAO,SAAS;AAAA,MAAA;AAAA,MAEtLA,EAAO;AAAA,MACPR,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWQ,EAAO,KAAM;AAAA,IAAA,GAE1CR,gBAAAA,EAAA,cAACY,GACC,MAAAZ,gBAAAA,EAAA,cAACa,GAAuB,EAAA,WAAU,aAC/B,GAAAL,EAAO,UAAU,IAAI,CAACM,GAASC,MAC9Bf,gBAAAA,EAAA;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,UAAUF,GAAS;AAAA,QACnB,WAAW,oHAAoHA,EAAQ,SAAS;AAAA,QAChJ,SAASA,EAAQ;AAAA,QACjB,KAAKC;AAAA,MAAA;AAAA,MAEJD,EAAQ;AAAA,MACRd,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWc,EAAQ,KAAM;AAAA,IAAA,CAE5C,CACH,CACF,CACF,IAIFd,gBAAAA,EAAA;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,WAAW,iIAAiIR,EAAO,SAAS;AAAA,QAC5J,SAASA,EAAO;AAAA,QAChB,UAAUA,EAAO;AAAA,MAAU;AAAA,MAE1BA,EAAO;AAAA,MACPR,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWQ,EAAO,KAAM;AAAA,IAAA,CAK7C,CACH,GACCF,IAAa,MAAMZ,EAAa,UAC9BM,gBAAAA,EAAA,cAAAI,GAAA,EAAsB,WAAU,4BAAA,CAA4B,CAEjE,CAEH;AAAA,EAAA,CAEL;AAEJ;"}

package/dist/index.es30.js

@@ -1,71 +1,80 @@
 import * as e from "react";
-import * as t from "@radix-ui/react-tabs";
-import { cn as n } from "./index.es69.js";
-import { TabsVariants as T, TabTriggerVariants as u } from "./index.es88.js";
-const c = e.forwardRef(({ className: a, variant: r, size: s, ...o }, i) => /* @__PURE__ */ e.createElement(
-  t.List,
+import * as a from "@radix-ui/react-tabs";
+import { cn as l } from "./index.es69.js";
+import { TabsVariants as d, TabTriggerVariants as N } from "./index.es88.js";
+const m = e.forwardRef(({ className: s, variant: t, size: i, ...o }, n) => /* @__PURE__ */ e.createElement(
+  a.List,
   {
-    ref: i,
-    className: n(T({ variant: r, size: s, className: a })),
+    ref: n,
+    className: l(d({ variant: t, size: i, className: s })),
     ...o
   }
 ));
-c.displayName = t.List.displayName;
-const f = e.forwardRef(({ className: a, variant: r, size: s, ...o }, i) => /* @__PURE__ */ e.createElement(
-  t.Trigger,
+m.displayName = a.List.displayName;
+const f = e.forwardRef(({ className: s, variant: t, size: i, ...o }, n) => /* @__PURE__ */ e.createElement(
+  a.Trigger,
   {
-    ref: i,
-    className: n(u({ variant: r, size: s, className: a })),
+    ref: n,
+    className: l(N({ variant: t, size: i, className: s })),
     ...o
   }
 ));
-f.displayName = t.Trigger.displayName;
-const y = e.forwardRef(({ className: a, ...r }, s) => /* @__PURE__ */ e.createElement(
-  t.Content,
+f.displayName = a.Trigger.displayName;
+const T = e.forwardRef(({ className: s, ...t }, i) => /* @__PURE__ */ e.createElement(
+  a.Content,
   {
-    ref: s,
-    className: n(
+    ref: i,
+    className: l(
       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      a
+      s
     ),
-    ...r
+    ...t
   }
 ));
-y.displayName = t.Content.displayName;
-const E = e.forwardRef(
+T.displayName = a.Content.displayName;
+const R = e.forwardRef(
   ({
-    className: a,
-    defaultValue: r,
-    tabList: s,
+    className: s,
+    defaultValue: t,
+    tabList: i,
     onTabChange: o,
-    variant: i,
-    size: l,
+    variant: n,
+    size: c,
     value: g,
-    id: b,
-    ...p
+    id: p,
+    ...y
   }) => /* @__PURE__ */ e.createElement(
-    t.Root,
+    a.Root,
     {
-      defaultValue: r,
+      defaultValue: t,
       onValueChange: o,
-      className: a,
+      className: s,
       value: g,
-      id: b
+      id: p
     },
-    /* @__PURE__ */ e.createElement(c, { style: p.style, variant: i, size: l }, s.map((m, d) => /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement(m, { style: y.style, variant: n, size: c }, i.map((r, u) => /* @__PURE__ */ e.createElement(
       f,
       {
-        key: d,
-        value: m.value,
-        variant: i,
-        size: l
+        key: u,
+        value: r.value,
+        variant: n,
+        size: c,
+        className: "flex gap-1.5 items-center justify-center"
       },
-      m.label
+      /* @__PURE__ */ e.createElement(e.Fragment, null, r?.icon && typeof r?.icon == "string" && /* @__PURE__ */ e.createElement(
+        "img",
+        {
+          src: r.icon,
+          alt: "icon",
+          className: "w-4 h-4 filter hue-rotate-45",
+          style: { display: r.icon ? "block" : "none" }
+        }
+      ), r.icon && typeof r.icon != "string" && r.icon && /* @__PURE__ */ e.createElement(r.icon, { size: 16 }), r.label)
     )))
   )
 );
 export {
-  E as Tabs,
-  y as TabsContent
+  R as Tabs,
+  T as TabsContent
 };
 //# sourceMappingURL=index.es30.js.map

package/dist/index.es30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es30.js","sources":["../src/components/molecules/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\nimport { TabsProps } from './tabs.types'\nimport { TabsVariants, TabTriggerVariants } from './tabs.styles'\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> &\n    VariantProps<typeof TabsVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(TabsVariants({ variant, size, className }))}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> &\n    VariantProps<typeof TabsVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(TabTriggerVariants({ variant, size, className }))}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      className\n    )}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  TabsProps\n>(\n  ({\n    className,\n    defaultValue,\n    tabList,\n    onTabChange,\n    variant,\n    size,\n    value,\n    id,\n    ...props\n  }) => (\n    <TabsPrimitive.Root\n      defaultValue={defaultValue}\n      onValueChange={onTabChange}\n      className={className}\n      value={value}\n      id={id}\n    >\n      <TabsList style={props.style} variant={variant} size={size}>\n        {tabList.map((tab, index) => {\n          return (\n            <TabsTrigger\n              key={index}\n              value={tab.value}\n              variant={variant}\n              size={size}\n            >\n              {tab.label}\n            </TabsTrigger>\n          )\n        })}\n      </TabsList>\n    </TabsPrimitive.Root>\n  )\n)\n\nexport { Tabs, TabsContent }\n"],"names":["TabsList","React","className","variant","size","props","ref","TabsPrimitive","cn","TabsVariants","TabsTrigger","TabTriggerVariants","TabsContent","Tabs","defaultValue","tabList","onTabChange","value","id","tab","index"],"mappings":";;;;AAQA,MAAMA,IAAWC,EAAM,WAIrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAM,GAAGC,MACzC,gBAAAL,EAAA;AAAA,EAACM,EAAc;AAAA,EAAd;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGC,EAAa,EAAE,SAAAN,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IACvD,GAAGG;AAAA,EAAA;AACN,CACD;AACDL,EAAS,cAAcO,EAAc,KAAK;AAE1C,MAAMG,IAAcT,EAAM,WAIxB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAM,GAAGC,MACzC,gBAAAL,EAAA;AAAA,EAACM,EAAc;AAAA,EAAd;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGG,EAAmB,EAAE,SAAAR,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IAC7D,GAAGG;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcH,EAAc,QAAQ;AAE1C,MAAAK,IAAcX,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGG,EAAM,GAAGC,MAC1B,gBAAAL,EAAA;AAAA,EAACM,EAAc;AAAA,EAAd;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAN;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACD;AACDO,EAAY,cAAcL,EAAc,QAAQ;AAEhD,MAAMM,IAAOZ,EAAM;AAAA,EAIjB,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,cAAAY;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAb;AAAA,IACA,MAAAC;AAAA,IACA,OAAAa;AAAA,IACA,IAAAC;AAAA,IACA,GAAGb;AAAA,EAEH,MAAA,gBAAAJ,EAAA;AAAA,IAACM,EAAc;AAAA,IAAd;AAAA,MACC,cAAAO;AAAA,MACA,eAAeE;AAAA,MACf,WAAAd;AAAA,MACA,OAAAe;AAAA,MACA,IAAAC;AAAA,IAAA;AAAA,IAEA,gBAAAjB,EAAA,cAACD,GAAS,EAAA,OAAOK,EAAM,OAAO,SAAAF,GAAkB,MAAAC,EAAA,GAC7CW,EAAQ,IAAI,CAACI,GAAKC,MAEf,gBAAAnB,EAAA;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,KAAKU;AAAA,QACL,OAAOD,EAAI;AAAA,QACX,SAAAhB;AAAA,QACA,MAAAC;AAAA,MAAA;AAAA,MAECe,EAAI;AAAA,IAAA,CAGV,CACH;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es30.js","sources":["../src/components/molecules/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\nimport { TabsProps } from './tabs.types'\nimport { TabsVariants, TabTriggerVariants } from './tabs.styles'\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> &\n    VariantProps<typeof TabsVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(TabsVariants({ variant, size, className }))}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> &\n    VariantProps<typeof TabsVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(TabTriggerVariants({ variant, size, className }))}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      className\n    )}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nconst Tabs = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Root>,\n  TabsProps\n>(\n  ({\n    className,\n    defaultValue,\n    tabList,\n    onTabChange,\n    variant,\n    size,\n    value,\n    id,\n    ...props\n  }) => (\n    <TabsPrimitive.Root\n      defaultValue={defaultValue}\n      onValueChange={onTabChange}\n      className={className}\n      value={value}\n      id={id}\n    >\n      <TabsList style={props.style} variant={variant} size={size}>\n        {tabList.map((tab, index) => {\n          return (\n            <TabsTrigger\n              key={index}\n              value={tab.value}\n              variant={variant}\n              size={size}\n              className=\"flex gap-1.5 items-center justify-center\"\n            >\n              <React.Fragment>\n                {tab?.icon && typeof tab?.icon == 'string' && (\n                  <img\n                    src={tab.icon as string}\n                    alt=\"icon\"\n                    className=\"w-4 h-4 filter hue-rotate-45\"\n                    style={{ display: tab.icon ? 'block' : 'none' }}\n                  />\n                )}\n                {tab.icon && typeof tab.icon !== 'string' && tab.icon && (\n                  <tab.icon size={16} />\n                )}\n                {tab.label}\n              </React.Fragment>\n            </TabsTrigger>\n          )\n        })}\n      </TabsList>\n    </TabsPrimitive.Root>\n  )\n)\n\nexport { Tabs, TabsContent }\n"],"names":["TabsList","React","className","variant","size","props","ref","TabsPrimitive","cn","TabsVariants","TabsTrigger","TabTriggerVariants","TabsContent","Tabs","defaultValue","tabList","onTabChange","value","id","tab","index"],"mappings":";;;;AAQA,MAAMA,IAAWC,EAAM,WAIrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAM,GAAGC,MACzC,gBAAAL,EAAA;AAAA,EAACM,EAAc;AAAA,EAAd;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGC,EAAa,EAAE,SAAAN,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IACvD,GAAGG;AAAA,EAAA;AACN,CACD;AACDL,EAAS,cAAcO,EAAc,KAAK;AAE1C,MAAMG,IAAcT,EAAM,WAIxB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAM,GAAGC,MACzC,gBAAAL,EAAA;AAAA,EAACM,EAAc;AAAA,EAAd;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAGG,EAAmB,EAAE,SAAAR,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,IAC7D,GAAGG;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcH,EAAc,QAAQ;AAE1C,MAAAK,IAAcX,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGG,EAAM,GAAGC,MAC1B,gBAAAL,EAAA;AAAA,EAACM,EAAc;AAAA,EAAd;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAN;AAAA,IACF;AAAA,IACC,GAAGG;AAAA,EAAA;AACN,CACD;AACDO,EAAY,cAAcL,EAAc,QAAQ;AAEhD,MAAMM,IAAOZ,EAAM;AAAA,EAIjB,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,cAAAY;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAb;AAAA,IACA,MAAAC;AAAA,IACA,OAAAa;AAAA,IACA,IAAAC;AAAA,IACA,GAAGb;AAAA,EAEH,MAAA,gBAAAJ,EAAA;AAAA,IAACM,EAAc;AAAA,IAAd;AAAA,MACC,cAAAO;AAAA,MACA,eAAeE;AAAA,MACf,WAAAd;AAAA,MACA,OAAAe;AAAA,MACA,IAAAC;AAAA,IAAA;AAAA,IAEA,gBAAAjB,EAAA,cAACD,GAAS,EAAA,OAAOK,EAAM,OAAO,SAAAF,GAAkB,MAAAC,EAAA,GAC7CW,EAAQ,IAAI,CAACI,GAAKC,MAEf,gBAAAnB,EAAA;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,KAAKU;AAAA,QACL,OAAOD,EAAI;AAAA,QACX,SAAAhB;AAAA,QACA,MAAAC;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,MAEV,gBAAAH,EAAA,cAACA,EAAM,UAAN,MACEkB,GAAK,QAAQ,OAAOA,GAAK,QAAQ,YAChC,gBAAAlB,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKkB,EAAI;AAAA,UACT,KAAI;AAAA,UACJ,WAAU;AAAA,UACV,OAAO,EAAE,SAASA,EAAI,OAAO,UAAU,OAAO;AAAA,QAAA;AAAA,MAAA,GAGjDA,EAAI,QAAQ,OAAOA,EAAI,QAAS,YAAYA,EAAI,QAC/C,gBAAAlB,EAAA,cAACkB,EAAI,MAAJ,EAAS,MAAM,IAAI,GAErBA,EAAI,KACP;AAAA,IAAA,CAGL,CACH;AAAA,EACF;AAEJ;"}

package/dist/index.es34.js

@@ -1,23 +1,24 @@
 import * as e from "react";
-import { cn as g } from "./index.es69.js";
-import { ChevronDown as E, ChevronUp as f, Check as v } from "lucide-react";
-import { Button as b } from "./index.es7.js";
-import { Command as d, CommandInput as y, CommandList as C, CommandEmpty as x, CommandGroup as N, CommandItem as w } from "./index.es50.js";
-import { Popover as k, PopoverTrigger as S, PopoverContent as I } from "./index.es70.js";
-import { Typography as n } from "./index.es18.js";
-function B({
-  options: l,
+import { cn as E } from "./index.es69.js";
+import { ChevronDown as f, ChevronUp as v, Check as b } from "lucide-react";
+import { Button as d } from "./index.es7.js";
+import { Command as y, CommandInput as C, CommandList as x, CommandEmpty as N, CommandGroup as w, CommandItem as k } from "./index.es50.js";
+import { Popover as S, PopoverTrigger as I, PopoverContent as O } from "./index.es70.js";
+import { Typography as l } from "./index.es18.js";
+function F({
+  options: n,
   selected: a,
   onChange: o,
   className: c,
   id: s,
   isSearchable: i = !1,
   icon: p,
-  ...h
+  container: h,
+  ...u
 }) {
   const [r, m] = e.useState(!1);
-  return /* @__PURE__ */ e.createElement(k, { open: r, onOpenChange: m, id: s, ...h }, /* @__PURE__ */ e.createElement(
-    S,
+  return /* @__PURE__ */ e.createElement(S, { open: r, onOpenChange: m, id: s, ...u }, /* @__PURE__ */ e.createElement(
+    I,
     {
       className: `min-h-[42px] h-fit bg-rest-s1 flex gap-1 hover:bg-hover-t1 
         ${r || a.length > 0 ? "border-primary-1 border-click-p1 bg-click-t1" : "border-0 bg-rest-s1"}
@@ -26,7 +27,7 @@ function B({
       asChild: !0
     },
     /* @__PURE__ */ e.createElement(
-      b,
+      d,
       {
         variant: "secondary",
         role: "combobox",
@@ -35,30 +36,31 @@ function B({
       },
       a.length > 0 && /* @__PURE__ */ e.createElement("span", { className: "w-4" }, " ", a.length),
       p,
-      a.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, r ? /* @__PURE__ */ e.createElement(f, { className: "w-4 h-4 opacity-50 shrink-0" }) : /* @__PURE__ */ e.createElement(E, { className: "w-4 h-4 opacity-50 shrink-0" }))
+      /* @__PURE__ */ e.createElement(e.Fragment, null, r ? /* @__PURE__ */ e.createElement(v, { className: "w-4 h-4 opacity-50 shrink-0" }) : /* @__PURE__ */ e.createElement(f, { className: "w-4 h-4 opacity-50 shrink-0" }))
     )
   ), /* @__PURE__ */ e.createElement(
-    I,
+    O,
     {
       className: "w-full p-0 bg-light-1",
-      onEscapeKeyDown: () => m(!1)
+      onEscapeKeyDown: () => m(!1),
+      container: h
     },
-    /* @__PURE__ */ e.createElement(d, { className: c }, i && /* @__PURE__ */ e.createElement(y, { showIcon: !0, placeholder: "Search ..." }), /* @__PURE__ */ e.createElement(C, { className: "" }, /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement(n, { variant: "body3" }, "No items found")), /* @__PURE__ */ e.createElement(N, { className: "px-0 my-1 overflow-y-auto max-h-64 custom-scrollbar" }, l.map((t) => /* @__PURE__ */ e.createElement("div", { className: "py-0.5 px-1.5 bg-white " }, /* @__PURE__ */ e.createElement(
-      w,
+    /* @__PURE__ */ e.createElement(y, { className: c }, i && /* @__PURE__ */ e.createElement(C, { showIcon: !0, placeholder: "Search ..." }), /* @__PURE__ */ e.createElement(x, { className: "" }, /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(l, { variant: "body3" }, "No items found")), /* @__PURE__ */ e.createElement(w, { className: "px-0 my-1 overflow-y-auto max-h-64 custom-scrollbar" }, n.map((t) => /* @__PURE__ */ e.createElement("div", { className: "py-0.5 px-1.5 bg-light-1 " }, /* @__PURE__ */ e.createElement(
+      k,
       {
         key: t.value,
         className: `justify-between p-2 rounded-md text-light-2 ${a.indexOf(t.value) !== -1 ? "bg-light-2" : ""}`,
         onSelect: () => {
           o(
-            a.includes(t.value) ? a.filter((u) => u !== t.value) : [...a, t.value]
+            a.includes(t.value) ? a.filter((g) => g !== t.value) : [...a, t.value]
           ), m(!0);
         }
       },
-      /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-1" }, t.icon, /* @__PURE__ */ e.createElement(n, { variant: "body2" }, t.label)),
+      /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-1" }, t.icon, /* @__PURE__ */ e.createElement(l, { variant: "body2" }, t.label)),
       /* @__PURE__ */ e.createElement(
-        v,
+        b,
         {
-          className: g(
+          className: E(
             "h-5 w-5 stroke-brand",
             a.includes(t.value) ? "opacity-100" : "opacity-0"
           )
@@ -68,6 +70,6 @@ function B({
   ));
 }
 export {
-  B as ToggleMultiSelect
+  F as ToggleMultiSelect
 };
 //# sourceMappingURL=index.es34.js.map

package/dist/index.es34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es34.js","sources":["../src/components/molecules/toggle-multi-select/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '@/lib/utils'\n\nimport { Check, X, ChevronDown, ChevronUp } from 'lucide-react'\nimport { Button } from '@/components/atoms/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/unstyled/command'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@/components/unstyled/popover/popover-components'\nimport { Typography } from '../../atoms/typography'\nimport { ToggleMultiSelectProps } from './toggle-multi-select.types'\n\nfunction ToggleMultiSelect({\n  options,\n  selected,\n  onChange,\n  className,\n  id,\n  isSearchable = false,\n  icon,\n  ...props\n}: ToggleMultiSelectProps) {\n  const [open, setOpen] = React.useState(false)\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} id={id} {...props}>\n      <PopoverTrigger\n        className={`min-h-[42px] h-fit bg-rest-s1 flex gap-1 hover:bg-hover-t1 \n        ${open || selected.length > 0 ? 'border-primary-1 border-click-p1 bg-click-t1' : 'border-0 bg-rest-s1'}\n        ${selected.length === 0 && 'px-3'}\n       `}\n        asChild\n      >\n        <Button\n          variant=\"secondary\"\n          role=\"combobox\"\n          aria-expanded={open}\n          onClick={() => setOpen(!open)}\n        >\n          {selected.length > 0 && (\n            <span className=\"w-4\"> {selected.length}</span>\n          )}\n          {icon}\n          {selected.length > 0 && (\n            <>\n              {!open ? (\n                <ChevronDown className=\"w-4 h-4 opacity-50 shrink-0\" />\n              ) : (\n                <ChevronUp className=\"w-4 h-4 opacity-50 shrink-0\" />\n              )}\n            </>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-full p-0 bg-light-1\"\n        onEscapeKeyDown={() => setOpen(false)}\n      >\n        <Command className={className}>\n          {isSearchable && (\n            <CommandInput showIcon={true} placeholder=\"Search ...\" />\n          )}\n\n          <CommandList className=\"\">\n            <CommandEmpty>\n              <Typography variant={'body3'}>No items found</Typography>\n            </CommandEmpty>\n            <CommandGroup className=\"px-0 my-1 overflow-y-auto max-h-64 custom-scrollbar\">\n              {options.map((option) => (\n                <div className=\"py-0.5 px-1.5 bg-white \">\n                  <CommandItem\n                    key={option.value}\n                    className={`justify-between p-2 rounded-md text-light-2 ${selected.indexOf(option.value) !== -1 ? 'bg-light-2' : ''}`}\n                    onSelect={() => {\n                      onChange(\n                        selected.includes(option.value)\n                          ? selected.filter((item) => item !== option.value)\n                          : [...selected, option.value]\n                      )\n                      setOpen(true)\n                    }}\n                  >\n                    <div className=\"flex items-center gap-1\">\n                      {option.icon}\n                      <Typography variant={'body2'}>{option.label}</Typography>\n                    </div>\n                    <Check\n                      className={cn(\n                        'h-5 w-5 stroke-brand',\n                        selected.includes(option.value)\n                          ? 'opacity-100'\n                          : 'opacity-0'\n                      )}\n                    />\n                  </CommandItem>\n                </div>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { ToggleMultiSelect }\n"],"names":["ToggleMultiSelect","options","selected","onChange","className","id","isSearchable","icon","props","open","setOpen","React","Popover","PopoverTrigger","Button","ChevronUp","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","Typography","CommandGroup","option","CommandItem","item","Check","cn"],"mappings":";;;;;;;AAqBA,SAASA,EAAkB;AAAA,EACzB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,MAAAC;AAAA,EACA,GAAGC;AACL,GAA2B;AACzB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK;AAE5C,yCACGC,GAAQ,EAAA,MAAAH,GAAY,cAAcC,GAAS,IAAAL,GAAS,GAAGG,EACtD,GAAA,gBAAAG,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,UACTJ,KAAQP,EAAS,SAAS,IAAI,iDAAiD,qBAAqB;AAAA,UACpGA,EAAS,WAAW,KAAK,MAAM;AAAA;AAAA,MAEjC,SAAO;AAAA,IAAA;AAAA,IAEP,gBAAAS,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,iBAAeL;AAAA,QACf,SAAS,MAAMC,EAAQ,CAACD,CAAI;AAAA,MAAA;AAAA,MAE3BP,EAAS,SAAS,KACjB,gBAAAS,EAAA,cAAC,UAAK,WAAU,MAAA,GAAM,KAAET,EAAS,MAAO;AAAA,MAEzCK;AAAA,MACAL,EAAS,SAAS,KACjB,gBAAAS,EAAA,cAAAA,EAAA,UAAA,MACIF,IAGA,gBAAAE,EAAA,cAACI,GAAU,EAAA,WAAU,+BAA8B,IAFnD,gBAAAJ,EAAA,cAACK,GAAY,EAAA,WAAU,8BAA8B,CAAA,CAIzD;AAAA,IAEJ;AAAA,EAEF,GAAA,gBAAAL,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAiB,MAAMP,EAAQ,EAAK;AAAA,IAAA;AAAA,IAEnC,gBAAAC,EAAA,cAAAO,GAAA,EAAQ,WAAAd,EACN,GAAAE,qCACEa,GAAa,EAAA,UAAU,IAAM,aAAY,cAAa,GAGzD,gBAAAR,EAAA,cAACS,GAAY,EAAA,WAAU,MACpB,gBAAAT,EAAA,cAAAU,GAAA,MACE,gBAAAV,EAAA,cAAAW,GAAA,EAAW,SAAS,QAAS,GAAA,gBAAc,CAC9C,mCACCC,GAAa,EAAA,WAAU,sDACrB,GAAAtB,EAAQ,IAAI,CAACuB,MACX,gBAAAb,EAAA,cAAA,OAAA,EAAI,WAAU,0BACb,GAAA,gBAAAA,EAAA;AAAA,MAACc;AAAA,MAAA;AAAA,QACC,KAAKD,EAAO;AAAA,QACZ,WAAW,+CAA+CtB,EAAS,QAAQsB,EAAO,KAAK,MAAM,KAAK,eAAe,EAAE;AAAA,QACnH,UAAU,MAAM;AACd,UAAArB;AAAA,YACED,EAAS,SAASsB,EAAO,KAAK,IAC1BtB,EAAS,OAAO,CAACwB,MAASA,MAASF,EAAO,KAAK,IAC/C,CAAC,GAAGtB,GAAUsB,EAAO,KAAK;AAAA,UAAA,GAEhCd,EAAQ,EAAI;AAAA,QACd;AAAA,MAAA;AAAA,MAEC,gBAAAC,EAAA,cAAA,OAAA,EAAI,WAAU,0BAAA,GACZa,EAAO,MACP,gBAAAb,EAAA,cAAAW,GAAA,EAAW,SAAS,QAAA,GAAUE,EAAO,KAAM,CAC9C;AAAA,MACA,gBAAAb,EAAA;AAAA,QAACgB;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT;AAAA,YACA1B,EAAS,SAASsB,EAAO,KAAK,IAC1B,gBACA;AAAA,UACN;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,CAEJ,CACD,CACH,CACF,CACF;AAAA,EAAA,CAEJ;AAEJ;"}
+{"version":3,"file":"index.es34.js","sources":["../src/components/molecules/toggle-multi-select/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '@/lib/utils'\n\nimport { Check, X, ChevronDown, ChevronUp } from 'lucide-react'\nimport { Button } from '@/components/atoms/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/unstyled/command'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@/components/unstyled/popover/popover-components'\nimport { Typography } from '../../atoms/typography'\nimport { ToggleMultiSelectProps } from './toggle-multi-select.types'\n\nfunction ToggleMultiSelect({\n  options,\n  selected,\n  onChange,\n  className,\n  id,\n  isSearchable = false,\n  icon,\n  container,\n  ...props\n}: ToggleMultiSelectProps) {\n  const [open, setOpen] = React.useState(false)\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} id={id} {...props}>\n      <PopoverTrigger\n        className={`min-h-[42px] h-fit bg-rest-s1 flex gap-1 hover:bg-hover-t1 \n        ${open || selected.length > 0 ? 'border-primary-1 border-click-p1 bg-click-t1' : 'border-0 bg-rest-s1'}\n        ${selected.length === 0 && 'px-3'}\n       `}\n        asChild\n      >\n        <Button\n          variant=\"secondary\"\n          role=\"combobox\"\n          aria-expanded={open}\n          onClick={() => setOpen(!open)}\n        >\n          {selected.length > 0 && (\n            <span className=\"w-4\"> {selected.length}</span>\n          )}\n          {icon}\n          <>\n            {!open ? (\n              <ChevronDown className=\"w-4 h-4 opacity-50 shrink-0\" />\n            ) : (\n              <ChevronUp className=\"w-4 h-4 opacity-50 shrink-0\" />\n            )}\n          </>\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-full p-0 bg-light-1\"\n        onEscapeKeyDown={() => setOpen(false)}\n        container={container}\n      >\n        <Command className={className}>\n          {isSearchable && (\n            <CommandInput showIcon={true} placeholder=\"Search ...\" />\n          )}\n\n          <CommandList className=\"\">\n            <CommandEmpty>\n              <Typography variant={'body3'}>No items found</Typography>\n            </CommandEmpty>\n            <CommandGroup className=\"px-0 my-1 overflow-y-auto max-h-64 custom-scrollbar\">\n              {options.map((option) => (\n                <div className=\"py-0.5 px-1.5 bg-light-1 \">\n                  <CommandItem\n                    key={option.value}\n                    className={`justify-between p-2 rounded-md text-light-2 ${selected.indexOf(option.value) !== -1 ? 'bg-light-2' : ''}`}\n                    onSelect={() => {\n                      onChange(\n                        selected.includes(option.value)\n                          ? selected.filter((item) => item !== option.value)\n                          : [...selected, option.value]\n                      )\n                      setOpen(true)\n                    }}\n                  >\n                    <div className=\"flex items-center gap-1\">\n                      {option.icon}\n                      <Typography variant={'body2'}>{option.label}</Typography>\n                    </div>\n                    <Check\n                      className={cn(\n                        'h-5 w-5 stroke-brand',\n                        selected.includes(option.value)\n                          ? 'opacity-100'\n                          : 'opacity-0'\n                      )}\n                    />\n                  </CommandItem>\n                </div>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { ToggleMultiSelect }\n"],"names":["ToggleMultiSelect","options","selected","onChange","className","id","isSearchable","icon","container","props","open","setOpen","React","Popover","PopoverTrigger","Button","ChevronUp","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","Typography","CommandGroup","option","CommandItem","item","Check","cn"],"mappings":";;;;;;;AAqBA,SAASA,EAAkB;AAAA,EACzB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAA2B;AACzB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK;AAE5C,yCACGC,GAAQ,EAAA,MAAAH,GAAY,cAAcC,GAAS,IAAAN,GAAS,GAAGI,EACtD,GAAA,gBAAAG,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,UACTJ,KAAQR,EAAS,SAAS,IAAI,iDAAiD,qBAAqB;AAAA,UACpGA,EAAS,WAAW,KAAK,MAAM;AAAA;AAAA,MAEjC,SAAO;AAAA,IAAA;AAAA,IAEP,gBAAAU,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,iBAAeL;AAAA,QACf,SAAS,MAAMC,EAAQ,CAACD,CAAI;AAAA,MAAA;AAAA,MAE3BR,EAAS,SAAS,KACjB,gBAAAU,EAAA,cAAC,UAAK,WAAU,MAAA,GAAM,KAAEV,EAAS,MAAO;AAAA,MAEzCK;AAAA,MAEE,gBAAAK,EAAA,cAAAA,EAAA,UAAA,MAACF,IAGC,gBAAAE,EAAA,cAAAI,GAAA,EAAU,WAAU,8BAAA,CAA8B,IAFnD,gBAAAJ,EAAA,cAACK,GAAY,EAAA,WAAU,8BAA8B,CAAA,CAIzD;AAAA,IACF;AAAA,EAEF,GAAA,gBAAAL,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAiB,MAAMP,EAAQ,EAAK;AAAA,MACpC,WAAAH;AAAA,IAAA;AAAA,IAEC,gBAAAI,EAAA,cAAAO,GAAA,EAAQ,WAAAf,EACN,GAAAE,qCACEc,GAAa,EAAA,UAAU,IAAM,aAAY,cAAa,GAGzD,gBAAAR,EAAA,cAACS,GAAY,EAAA,WAAU,MACpB,gBAAAT,EAAA,cAAAU,GAAA,MACE,gBAAAV,EAAA,cAAAW,GAAA,EAAW,SAAS,QAAS,GAAA,gBAAc,CAC9C,mCACCC,GAAa,EAAA,WAAU,sDACrB,GAAAvB,EAAQ,IAAI,CAACwB,MACX,gBAAAb,EAAA,cAAA,OAAA,EAAI,WAAU,4BACb,GAAA,gBAAAA,EAAA;AAAA,MAACc;AAAA,MAAA;AAAA,QACC,KAAKD,EAAO;AAAA,QACZ,WAAW,+CAA+CvB,EAAS,QAAQuB,EAAO,KAAK,MAAM,KAAK,eAAe,EAAE;AAAA,QACnH,UAAU,MAAM;AACd,UAAAtB;AAAA,YACED,EAAS,SAASuB,EAAO,KAAK,IAC1BvB,EAAS,OAAO,CAACyB,MAASA,MAASF,EAAO,KAAK,IAC/C,CAAC,GAAGvB,GAAUuB,EAAO,KAAK;AAAA,UAAA,GAEhCd,EAAQ,EAAI;AAAA,QACd;AAAA,MAAA;AAAA,MAEC,gBAAAC,EAAA,cAAA,OAAA,EAAI,WAAU,0BAAA,GACZa,EAAO,MACP,gBAAAb,EAAA,cAAAW,GAAA,EAAW,SAAS,QAAA,GAAUE,EAAO,KAAM,CAC9C;AAAA,MACA,gBAAAb,EAAA;AAAA,QAACgB;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT;AAAA,YACA3B,EAAS,SAASuB,EAAO,KAAK,IAC1B,gBACA;AAAA,UACN;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,CAEJ,CACD,CACH,CACF,CACF;AAAA,EAAA,CAEJ;AAEJ;"}

package/dist/index.es53.js

@@ -1,4 +1,4 @@
-import { Popover as n, PopoverTrigger as p, PopoverContent as c } from "./index.es70.js";
+import { Popover as n, PopoverTrigger as l, PopoverContent as p } from "./index.es70.js";
 import e from "react";
 function f({
   trigger: r,
@@ -7,7 +7,7 @@ function f({
   contentProps: m,
   id: a
 }) {
-  return /* @__PURE__ */ e.createElement(n, { id: a }, /* @__PURE__ */ e.createElement(p, { asChild: !0, ...o }, r), /* @__PURE__ */ e.createElement(c, { className: "bg-white", ...m }, t));
+  return /* @__PURE__ */ e.createElement(n, { id: a }, /* @__PURE__ */ e.createElement(l, { asChild: !0, ...o }, r), /* @__PURE__ */ e.createElement(p, { className: "bg-light-1", ...m }, t));
 }
 export {
   f as PopoverDemo