npm - @gbmtech/aurora-ui - Versions diffs - 0.4.73 → 0.4.75 - Mend

@gbmtech/aurora-ui 0.4.73 → 0.4.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (248) hide show

package/dist/esm/components/button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as e from"react/jsx-runtime";import*as r from"@radix-ui/react-slot";import*as t from"../lib/utils.js";import*as o from"./spinner.js";let a=(0,t.tv)({base:"cursor-pointer flex rounded-md items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:border-primary text-sm",variants:{variant:{primary:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",tertiary:"border bg-background shadow-xs hover:bg-accent text-primary dark:bg-input/30 dark:border-input dark:hover:bg-input/50",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{xxs:"h-7 text-[0.8125rem] gap-1 px-[0.4375rem] rounded",xs:"h-8 gap-1 px-2.5 text-xs",sm:"h-9 gap-1.5 p-3 text-sm",default:"h-10 gap-4 p-3",lg:"h-11 gap-6 p-3.5 text-lg",icon:"size-10"},rounded:{true:"rounded-full"},loading:{true:"pointer-events-none",false:""},disabled:{true:"pointer-events-none opacity-50",false:""}},defaultVariants:{variant:"primary",size:"default",rounded:!1,loading:!1}});function n({children:n,className:i,disabled:s,loaderPosition:d,loading:u,prefix:c,size:p,spinner:b,suffix:l,variant:g,asChild:x,rounded:v,...m}){let f=x?r.Slot:"button";return(0,e.jsxs)(f,{className:(0,t.cn)(a({variant:g,size:p,rounded:v,loading:u,className:i,disabled:u||s})),"data-slot":"button","data-variant":g,disabled:u||s,type:"button",...m,children:[u&&"prefix"===d?b||(0,e.jsx)(o.Spinner,{}):c,(0,e.jsx)(r.Slottable,{children:u&&!d?(0,e.jsx)(o.Spinner,{}):n}),u&&"suffix"===d?b||(0,e.jsx)(o.Spinner,{}):l]})}n.displayName="Button";export{n as Button,a as buttonVariants};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Slot as t,Slottable as o}from"@radix-ui/react-slot";import{cn as a,tv as i}from"../lib/utils.js";import{Spinner as n}from"./spinner.js";let s=i({base:"cursor-pointer flex rounded-md items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:border-primary text-sm",variants:{variant:{primary:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",tertiary:"border bg-background shadow-xs hover:bg-accent text-primary dark:bg-input/30 dark:border-input dark:hover:bg-input/50",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{xxs:"h-7 text-[0.8125rem] gap-1 px-[0.4375rem] rounded",xs:"h-8 gap-1 px-2.5 text-xs",sm:"h-9 gap-1.5 p-3 text-sm",default:"h-10 gap-4 p-3",lg:"h-11 gap-6 p-3.5 text-lg",icon:"size-10"},rounded:{true:"rounded-full"},loading:{true:"pointer-events-none",false:""},disabled:{true:"pointer-events-none opacity-50",false:""}},defaultVariants:{variant:"primary",size:"default",rounded:!1,loading:!1}});function d({children:i,className:d,disabled:u,loaderPosition:c,loading:p,prefix:b,size:g,spinner:l,suffix:x,variant:m,asChild:v,rounded:f,...h}){return r(v?t:"button",{className:a(s({variant:m,size:g,rounded:f,loading:p,className:d,disabled:p||u})),"data-slot":"button","data-variant":m,disabled:p||u,type:"button",...h,children:[p&&"prefix"===c?l||e(n,{}):b,e(o,{children:p&&!c?e(n,{}):i}),p&&"suffix"===c?l||e(n,{}):x]})}d.displayName="Button";export{d as Button,s as buttonVariants};
 //# sourceMappingURL=button.js.map

package/dist/esm/components/button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\button.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps, JSX, ReactNode } from 'react'\r\n\r\nimport type { VariantProps } from '../lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\nimport { Spinner } from './spinner'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Button\r\n * -------------------------------------------------------------------------- /\r\n\r\nconst buttonVariants = tv({\r\n base: 'cursor-pointer flex rounded-md items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:border-primary text-sm',\r\n variants: {\r\n variant: {\r\n primary:\r\n 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',\r\n secondary:\r\n 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\r\n tertiary:\r\n 'border bg-background shadow-xs hover:bg-accent text-primary dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\r\n destructive:\r\n 'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\r\n outline:\r\n 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\r\n ghost:\r\n 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\r\n link: 'text-primary underline-offset-4 hover:underline',\r\n },\r\n size: {\r\n xxs: 'h-7 text-[0.8125rem] gap-1 px-[0.4375rem] rounded',\r\n xs: 'h-8 gap-1 px-2.5 text-xs',\r\n sm: 'h-9 gap-1.5 p-3 text-sm',\r\n default: 'h-10 gap-4 p-3',\r\n lg: 'h-11 gap-6 p-3.5 text-lg',\r\n icon: 'size-10',\r\n },\r\n rounded: {\r\n true: 'rounded-full',\r\n },\r\n loading: {\r\n true: 'pointer-events-none',\r\n false: '',\r\n },\r\n disabled: {\r\n true: 'pointer-events-none opacity-50',\r\n false: '',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'primary',\r\n size: 'default',\r\n rounded: false,\r\n loading: false,\r\n },\r\n})\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: Button\r\n * -------------------------------------------------------------------------- /\r\n\r\nexport type ButtonProps = ComponentProps<'button'> &\r\n VariantProps<typeof buttonVariants> & {\r\n asChild?: boolean\r\n }\r\n\r\nfunction Button({\r\n children,\r\n className,\r\n disabled,\r\n loaderPosition,\r\n loading,\r\n prefix,\r\n size,\r\n spinner,\r\n suffix,\r\n variant,\r\n asChild,\r\n rounded,\r\n ...props\r\n}: Omit<ComponentProps<'button'>, 'prefix'> &\r\n VariantProps<typeof buttonVariants> & {\r\n loaderPosition?: 'prefix' \| 'suffix'\r\n loading?: boolean\r\n prefix?: ReactNode\r\n spinner?: ReactNode\r\n suffix?: ReactNode\r\n asChild?: boolean\r\n rounded?: boolean\r\n }): JSX.Element {\r\n const Comp = asChild ? Slot : 'button'\r\n\r\n return (\r\n <Comp\r\n className={cn(\r\n buttonVariants({ \r\n variant, \r\n size, \r\n rounded, \r\n loading, \r\n className, \r\n disabled: loading \|\| disabled \r\n })\r\n )}\r\n data-slot=\"button\"\r\n data-variant={variant}\r\n disabled={loading \|\| disabled}\r\n type=\"button\"\r\n {...props}\r\n >\r\n {loading && loaderPosition === 'prefix' ? spinner \|\| <Spinner /> : prefix}\r\n <Slottable>\r\n {loading && !loaderPosition ? <Spinner /> : children}\r\n </Slottable>\r\n {loading && loaderPosition === 'suffix' ? spinner \|\| <Spinner /> : suffix}\r\n </Comp>\r\n )\r\n}\r\nButton.displayName = 'Button'\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Button, buttonVariants }\r\n"],"names":["buttonVariants","tv","Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","asChild","rounded","props","~~Comp~~","~~Slot~~","cn","Spinner","Slottable"],"mappings":"~~4IAYA~~,IAAMA,EAAiBC,~~AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,~~EAAG,CACxB,KAAM,6KACN,SAAU,CACR,QAAS,CACP,QACE,mEACF,UACE,yEACF,SACE,wHACF,YACE,8JACF,QACE,wIACF,MACE,uEACF,KAAM,iDACR,EACA,KAAM,CACJ,IAAK,oDACL,GAAI,2BACJ,GAAI,0BACJ,QAAS,iBACT,GAAI,2BACJ,KAAM,SACR,EACA,QAAS,CACP,KAAM,cACR,EACA,QAAS,CACP,KAAM,sBACN,MAAO,EACT,EACA,SAAU,CACR,KAAM,iCACN,MAAO,EACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,UACN,QAAS,GACT,QAAS,EACX,CACF,GAWA,SAASC,EAAO,CACdC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,KAAAA,CAAI,CACJC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAUF,~~EACD~~,~~IAAMC~~,~~EAAOH~~,~~EAAUI~~,~~EAAAA~~,~~IAAIA~~,~~CAAG,SAE9B,MACE,WAACD,EAAAA,~~CACC,~~UAAWE~~,~~AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,~~EACTlB,EAAe,CACbY,QAAAA,EACAH,KAAAA,EACAK,QAAAA,EACAP,QAAAA,EACAH,UAAAA,EACA,SAAUG,GAAWF,CACvB,IAEF,YAAU,SACV,eAAcO,EACd,SAAUL,GAAWF,EACrB,KAAK,SACJ,GAAGU,CAAK,C,UAERR,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,~~UAACS~~,~~EAAAA~~,~~OAAOA,~~CAAAA,~~CAAAA,~~GAAMX,EACnE,~~UAACY~~,~~EAAAA~~,~~SAASA,CAAAA,~~C,SACPb,GAAW,CAACD,EAAiB,~~UAACa~~,~~EAAAA~~,~~OAAOA,~~CAAAA,~~CAAAA,~~GAAMhB,C,GAE7CI,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,~~UAACS~~,~~EAAAA~~,~~OAAOA,~~CAAAA,~~CAAAA,~~GAAMR,E,EAGzE,CACAT,EAAO,WAAW,CAAG,gB"}
1	+ {"version":3,"file":"components\\button.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps, JSX, ReactNode } from 'react'\r\n\r\nimport type { VariantProps } from '../lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\nimport { Spinner } from './spinner'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Button\r\n * -------------------------------------------------------------------------- /\r\n\r\nconst buttonVariants = tv({\r\n base: 'cursor-pointer flex rounded-md items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:border-primary text-sm',\r\n variants: {\r\n variant: {\r\n primary:\r\n 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',\r\n secondary:\r\n 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\r\n tertiary:\r\n 'border bg-background shadow-xs hover:bg-accent text-primary dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\r\n destructive:\r\n 'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\r\n outline:\r\n 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\r\n ghost:\r\n 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\r\n link: 'text-primary underline-offset-4 hover:underline',\r\n },\r\n size: {\r\n xxs: 'h-7 text-[0.8125rem] gap-1 px-[0.4375rem] rounded',\r\n xs: 'h-8 gap-1 px-2.5 text-xs',\r\n sm: 'h-9 gap-1.5 p-3 text-sm',\r\n default: 'h-10 gap-4 p-3',\r\n lg: 'h-11 gap-6 p-3.5 text-lg',\r\n icon: 'size-10',\r\n },\r\n rounded: {\r\n true: 'rounded-full',\r\n },\r\n loading: {\r\n true: 'pointer-events-none',\r\n false: '',\r\n },\r\n disabled: {\r\n true: 'pointer-events-none opacity-50',\r\n false: '',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'primary',\r\n size: 'default',\r\n rounded: false,\r\n loading: false,\r\n },\r\n})\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: Button\r\n * -------------------------------------------------------------------------- /\r\n\r\nexport type ButtonProps = ComponentProps<'button'> &\r\n VariantProps<typeof buttonVariants> & {\r\n asChild?: boolean\r\n }\r\n\r\nfunction Button({\r\n children,\r\n className,\r\n disabled,\r\n loaderPosition,\r\n loading,\r\n prefix,\r\n size,\r\n spinner,\r\n suffix,\r\n variant,\r\n asChild,\r\n rounded,\r\n ...props\r\n}: Omit<ComponentProps<'button'>, 'prefix'> &\r\n VariantProps<typeof buttonVariants> & {\r\n loaderPosition?: 'prefix' \| 'suffix'\r\n loading?: boolean\r\n prefix?: ReactNode\r\n spinner?: ReactNode\r\n suffix?: ReactNode\r\n asChild?: boolean\r\n rounded?: boolean\r\n }): JSX.Element {\r\n const Comp = asChild ? Slot : 'button'\r\n\r\n return (\r\n <Comp\r\n className={cn(\r\n buttonVariants({ \r\n variant, \r\n size, \r\n rounded, \r\n loading, \r\n className, \r\n disabled: loading \|\| disabled \r\n })\r\n )}\r\n data-slot=\"button\"\r\n data-variant={variant}\r\n disabled={loading \|\| disabled}\r\n type=\"button\"\r\n {...props}\r\n >\r\n {loading && loaderPosition === 'prefix' ? spinner \|\| <Spinner /> : prefix}\r\n <Slottable>\r\n {loading && !loaderPosition ? <Spinner /> : children}\r\n </Slottable>\r\n {loading && loaderPosition === 'suffix' ? spinner \|\| <Spinner /> : suffix}\r\n </Comp>\r\n )\r\n}\r\nButton.displayName = 'Button'\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Button, buttonVariants }\r\n"],"names":["buttonVariants","tv","Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","asChild","rounded","props","Slot","Comp","cn","Spinner","Slottable"],"mappings":"iMAYA,IAAMA,EAAiBC,EAAG,CACxB,KAAM,6KACN,SAAU,CACR,QAAS,CACP,QACE,mEACF,UACE,yEACF,SACE,wHACF,YACE,8JACF,QACE,wIACF,MACE,uEACF,KAAM,iDACR,EACA,KAAM,CACJ,IAAK,oDACL,GAAI,2BACJ,GAAI,0BACJ,QAAS,iBACT,GAAI,2BACJ,KAAM,SACR,EACA,QAAS,CACP,KAAM,cACR,EACA,QAAS,CACP,KAAM,sBACN,MAAO,EACT,EACA,SAAU,CACR,KAAM,iCACN,MAAO,EACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,UACN,QAAS,GACT,QAAS,EACX,CACF,GAWA,SAASC,EAAO,CACdC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,KAAAA,CAAI,CACJC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAUF,EAGD,OACE,EAHWF,EAAUG,EAAO,SAG3BC,CACC,UAAWC,EACTlB,EAAe,CACbY,QAAAA,EACAH,KAAAA,EACAK,QAAAA,EACAP,QAAAA,EACAH,UAAAA,EACA,SAAUG,GAAWF,CACvB,IAEF,YAAU,SACV,eAAcO,EACd,SAAUL,GAAWF,EACrB,KAAK,SACJ,GAAGU,CAAK,C,UAERR,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,EAACS,EAAOA,CAAAA,GAAMX,EACnE,EAACY,EAASA,C,SACPb,GAAW,CAACD,EAAiB,EAACa,EAAOA,CAAAA,GAAMhB,C,GAE7CI,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,EAACS,EAAOA,CAAAA,GAAMR,E,EAGzE,CACAT,EAAO,WAAW,CAAG,gB"}

package/dist/esm/components/calendar.js CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as t from"date-fns";import*as a from"react-day-picker";import*as n from"react-day-picker/locale";import*as r from"./button.js";import*as o from"../lib/utils.js";import*as s from"@phosphor-icons/react";function i({orientation:t,className:a,...n}){switch(t){case"up":return(0,e.jsx)(s.CaretUp,{className:(0,o.cn)("size-4",a),...n});case"down":return(0,e.jsx)(s.CaretDown,{className:(0,o.cn)("size-4",a),...n});case"left":return(0,e.jsx)(s.CaretLeft,{className:(0,o.cn)("size-4",a),...n});case"right":return(0,e.jsx)(s.CaretRight,{className:(0,o.cn)("size-4",a),...n});default:return(0,e.jsx)(s.Dot,{className:(0,o.cn)("size-4",a),...n})}}function d({showOutsideDays:t=!0,classNames:s,...d}){let c=void 0!==d.mode||void 0!==d.onDayClick;return(0,e.jsx)(a.DayPicker,{locale:n.ptBR,classNames:{[a.UI.Root]:(0,o.cn)("p-3",s?.[a.UI.Root]),[a.UI.Chevron]:(0,o.cn)(s?.[a.UI.Chevron]),[a.UI.Day]:(0,o.cn)("grid place-items-center text-center text-sm",c?"group min-w-8.5 has-focus-visible:z-20":"h-8 min-w-8.5",s?.[a.UI.Day]),[a.UI.DayButton]:(0,o.cn)("size-8 rounded-lg border border-transparent outline-hidden hover:not-disabled:not-group-aria-selected:bg-gray-100 hover:not-disabled:not-group-aria-selected:text-gbm-dark focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 group-[.is-outside]:text-gray-600 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:border-primary group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-ring/20 group-aria-selected:not-group-[.is-range-middle]:bg-primary group-aria-selected:not-group-[.is-range-middle]:text-white group-data-today:not-group-aria-selected:bg-gray-100 group-data-today:not-group-aria-selected:text-gbm-dark dark:group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-ring/40",s?.[a.UI.DayButton]),[a.UI.CaptionLabel]:(0,o.cn)("flex items-center gap-2 [&>svg]:opacity-50",s?.[a.UI.CaptionLabel]),[a.UI.Dropdowns]:(0,o.cn)("flex gap-4",s?.[a.UI.Dropdowns]),[a.UI.Dropdown]:(0,o.cn)("absolute opacity-0",s?.[a.UI.Dropdown]),[a.UI.DropdownRoot]:(0,o.cn)("relative",s?.[a.UI.DropdownRoot]),[a.UI.Footer]:(0,o.cn)(s?.[a.UI.Footer]),[a.UI.MonthGrid]:(0,o.cn)(s?.[a.UI.MonthGrid]),[a.UI.MonthCaption]:(0,o.cn)("py-1 font-medium text-sm",s?.[a.UI.MonthCaption]),[a.UI.MonthsDropdown]:(0,o.cn)(s?.[a.UI.MonthsDropdown]),[a.UI.Month]:(0,o.cn)("flex flex-col gap-4",s?.[a.UI.Month]),[a.UI.Months]:(0,o.cn)("relative flex gap-4",s?.[a.UI.Months]),[a.UI.Nav]:(0,o.cn)("absolute end-0 flex gap-2",s?.[a.UI.Nav]),[a.UI.NextMonthButton]:(0,r.buttonVariants)({variant:"ghost",size:"icon",className:["size-7",s?.[a.UI.NextMonthButton]]}),[a.UI.PreviousMonthButton]:(0,r.buttonVariants)({variant:"ghost",size:"icon",className:["size-7",s?.[a.UI.PreviousMonthButton]]}),[a.UI.Week]:(0,o.cn)("mt-2 flex justify-between",s?.[a.UI.Week]),[a.UI.Weeks]:(0,o.cn)(s?.[a.UI.Weeks]),[a.UI.Weekday]:(0,o.cn)("min-w-8.5 font-medium text-gray-600 text-xs",s?.[a.UI.Weekday]),[a.UI.Weekdays]:(0,o.cn)("flex w-full justify-between",s?.[a.UI.Weekdays]),[a.UI.WeekNumber]:(0,o.cn)("grid h-8 min-w-8.5 place-items-center font-normal text-gray-600 text-xs [&+*]:rounded-l-lg",s?.[a.UI.WeekNumber]),[a.UI.WeekNumberHeader]:(0,o.cn)("min-w-8.5",s?.[a.UI.WeekNumberHeader]),[a.UI.YearsDropdown]:(0,o.cn)(s?.[a.UI.YearsDropdown]),[a.SelectionState.range_end]:(0,o.cn)("is-range-end rounded-r-lg bg-gradient-to-l to-gray-100 first:rounded-l-lg",s?.[a.SelectionState.range_end]),[a.SelectionState.range_middle]:(0,o.cn)("is-range-middle bg-gray-100 text-gbm-dark first:rounded-l-lg last:rounded-r-lg",s?.[a.SelectionState.range_middle]),[a.SelectionState.range_start]:(0,o.cn)("is-range-start rounded-l-lg bg-gradient-to-r to-gray-100 last:rounded-r-lg",s?.[a.SelectionState.range_start]),[a.SelectionState.selected]:(0,o.cn)("is-selected",s?.[a.SelectionState.selected]),[a.DayFlag.disabled]:(0,o.cn)("is-disabled",s?.[a.DayFlag.disabled]),[a.DayFlag.focused]:(0,o.cn)("is-focused",s?.[a.DayFlag.focused]),[a.DayFlag.hidden]:(0,o.cn)("is-hidden size-8",s?.[a.DayFlag.hidden]),[a.DayFlag.outside]:(0,o.cn)("is-outside",s?.[a.DayFlag.outside]),[a.DayFlag.today]:(0,o.cn)("is-today",s?.[a.DayFlag.today])},components:{Chevron:i},showOutsideDays:t,...d})}function c({date:a,formatStr:n="LLL dd, y",placeholder:r="Pick a date"}){if(!a?.from)return(0,e.jsx)("span",{className:"truncate",children:r});let o=(0,t.format)(a.from,n);if(!a.to)return(0,e.jsx)("span",{className:"truncate",children:o});let s=(0,t.format)(a.to,n);return(0,e.jsxs)("span",{className:"truncate",children:[o," - ",s]})}function l({date:a,formatStr:n="PPP",placeholder:r="Pick a date"}){return a?(0,e.jsx)("span",{className:"truncate",children:(0,t.format)(a,n)}):(0,e.jsx)("span",{className:"truncate",children:r})}export{d as Calendar,l as CalendarLabel,c as CalendarRangeLabel};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{format as r}from"date-fns";import{DayFlag as o,DayPicker as a,SelectionState as n,UI as s}from"react-day-picker";import{ptBR as i}from"react-day-picker/locale";import{buttonVariants as d}from"./button.js";import{cn as l}from"../lib/utils.js";import{CaretDown as u,CaretLeft as c,CaretRight as g,CaretUp as p,Dot as m}from"@phosphor-icons/react";function f({orientation:t,className:r,...o}){switch(t){case"up":return e(p,{className:l("size-4",r),...o});case"down":return e(u,{className:l("size-4",r),...o});case"left":return e(c,{className:l("size-4",r),...o});case"right":return e(g,{className:l("size-4",r),...o});default:return e(m,{className:l("size-4",r),...o})}}function b({showOutsideDays:t=!0,classNames:r,...u}){let c=void 0!==u.mode||void 0!==u.onDayClick;return e(a,{locale:i,classNames:{[s.Root]:l("p-3",r?.[s.Root]),[s.Chevron]:l(r?.[s.Chevron]),[s.Day]:l("grid place-items-center text-center text-sm",c?"group min-w-8.5 has-focus-visible:z-20":"h-8 min-w-8.5",r?.[s.Day]),[s.DayButton]:l("size-8 rounded-lg border border-transparent outline-hidden hover:not-disabled:not-group-aria-selected:bg-gray-100 hover:not-disabled:not-group-aria-selected:text-gbm-dark focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 group-[.is-outside]:text-gray-600 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:border-primary group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-ring/20 group-aria-selected:not-group-[.is-range-middle]:bg-primary group-aria-selected:not-group-[.is-range-middle]:text-white group-data-today:not-group-aria-selected:bg-gray-100 group-data-today:not-group-aria-selected:text-gbm-dark dark:group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-ring/40",r?.[s.DayButton]),[s.CaptionLabel]:l("flex items-center gap-2 [&>svg]:opacity-50",r?.[s.CaptionLabel]),[s.Dropdowns]:l("flex gap-4",r?.[s.Dropdowns]),[s.Dropdown]:l("absolute opacity-0",r?.[s.Dropdown]),[s.DropdownRoot]:l("relative",r?.[s.DropdownRoot]),[s.Footer]:l(r?.[s.Footer]),[s.MonthGrid]:l(r?.[s.MonthGrid]),[s.MonthCaption]:l("py-1 font-medium text-sm",r?.[s.MonthCaption]),[s.MonthsDropdown]:l(r?.[s.MonthsDropdown]),[s.Month]:l("flex flex-col gap-4",r?.[s.Month]),[s.Months]:l("relative flex gap-4",r?.[s.Months]),[s.Nav]:l("absolute end-0 flex gap-2",r?.[s.Nav]),[s.NextMonthButton]:d({variant:"ghost",size:"icon",className:["size-7",r?.[s.NextMonthButton]]}),[s.PreviousMonthButton]:d({variant:"ghost",size:"icon",className:["size-7",r?.[s.PreviousMonthButton]]}),[s.Week]:l("mt-2 flex justify-between",r?.[s.Week]),[s.Weeks]:l(r?.[s.Weeks]),[s.Weekday]:l("min-w-8.5 font-medium text-gray-600 text-xs",r?.[s.Weekday]),[s.Weekdays]:l("flex w-full justify-between",r?.[s.Weekdays]),[s.WeekNumber]:l("grid h-8 min-w-8.5 place-items-center font-normal text-gray-600 text-xs [&+*]:rounded-l-lg",r?.[s.WeekNumber]),[s.WeekNumberHeader]:l("min-w-8.5",r?.[s.WeekNumberHeader]),[s.YearsDropdown]:l(r?.[s.YearsDropdown]),[n.range_end]:l("is-range-end rounded-r-lg bg-gradient-to-l to-gray-100 first:rounded-l-lg",r?.[n.range_end]),[n.range_middle]:l("is-range-middle bg-gray-100 text-gbm-dark first:rounded-l-lg last:rounded-r-lg",r?.[n.range_middle]),[n.range_start]:l("is-range-start rounded-l-lg bg-gradient-to-r to-gray-100 last:rounded-r-lg",r?.[n.range_start]),[n.selected]:l("is-selected",r?.[n.selected]),[o.disabled]:l("is-disabled",r?.[o.disabled]),[o.focused]:l("is-focused",r?.[o.focused]),[o.hidden]:l("is-hidden size-8",r?.[o.hidden]),[o.outside]:l("is-outside",r?.[o.outside]),[o.today]:l("is-today",r?.[o.today])},components:{Chevron:f},showOutsideDays:t,...u})}function h({date:o,formatStr:a="LLL dd, y",placeholder:n="Pick a date"}){if(!o?.from)return e("span",{className:"truncate",children:n});let s=r(o.from,a);return o.to?t("span",{className:"truncate",children:[s," - ",r(o.to,a)]}):e("span",{className:"truncate",children:s})}function y({date:t,formatStr:o="PPP",placeholder:a="Pick a date"}){return t?e("span",{className:"truncate",children:r(t,o)}):e("span",{className:"truncate",children:a})}export{b as Calendar,y as CalendarLabel,h as CalendarRangeLabel};
 //# sourceMappingURL=calendar.js.map

package/dist/esm/components/calendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\calendar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/calendar.tsx"],"sourcesContent":["\r\n\r\nimport type { ComponentProps, JSX, ReactNode } from 'react'\r\nimport type { CustomComponents, DateRange } from 'react-day-picker'\r\n\r\nimport { format } from 'date-fns'\r\n\r\nimport { DayFlag, DayPicker, SelectionState, UI } from 'react-day-picker'\r\nimport { ptBR } from 'react-day-picker/locale'\r\n\r\nimport { buttonVariants } from '@/components/button'\r\nimport { cn } from '@/lib/utils'\r\nimport {\r\n CaretDown,\r\n CaretLeft,\r\n CaretRight,\r\n CaretUp,\r\n Dot,\r\n} from '@phosphor-icons/react'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Chevron\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction Chevron({\r\n orientation,\r\n className,\r\n ...props\r\n}: ComponentProps<CustomComponents['Chevron']>): JSX.Element {\r\n switch (orientation) {\r\n case 'up': {\r\n return <CaretUp className={cn('size-4', className)} {...props} />\r\n }\r\n\r\n case 'down': {\r\n return <CaretDown className={cn('size-4', className)} {...props} />\r\n }\r\n\r\n case 'left': {\r\n return <CaretLeft className={cn('size-4', className)} {...props} />\r\n }\r\n\r\n case 'right': {\r\n return <CaretRight className={cn('size-4', className)} {...props} />\r\n }\r\n\r\n default: {\r\n return <Dot className={cn('size-4', className)} {...props} />\r\n }\r\n }\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: Calendar\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction Calendar({\r\n showOutsideDays = true,\r\n classNames,\r\n ...props\r\n}: ComponentProps<typeof DayPicker>): JSX.Element {\r\n const isInteractive =\r\n props.mode !== undefined \|\| props.onDayClick !== undefined\r\n\r\n return (\r\n <DayPicker\r\n locale={ptBR}\r\n classNames={{\r\n [UI.Root]: cn('p-3', classNames?.[UI.Root]),\r\n [UI.Chevron]: cn(classNames?.[UI.Chevron]),\r\n [UI.Day]: cn(\r\n 'grid place-items-center text-center text-sm',\r\n isInteractive\r\n ? 'group min-w-8.5 has-focus-visible:z-20'\r\n : 'h-8 min-w-8.5',\r\n classNames?.[UI.Day]\r\n ),\r\n [UI.DayButton]: cn(\r\n 'size-8 rounded-lg border border-transparent outline-hidden hover:not-disabled:not-group-aria-selected:bg-gray-100 hover:not-disabled:not-group-aria-selected:text-gbm-dark focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 group-[.is-outside]:text-gray-600 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:border-primary group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-ring/20 group-aria-selected:not-group-[.is-range-middle]:bg-primary group-aria-selected:not-group-[.is-range-middle]:text-white group-data-today:not-group-aria-selected:bg-gray-100 group-data-today:not-group-aria-selected:text-gbm-dark dark:group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-ring/40',\r\n classNames?.[UI.DayButton]\r\n ),\r\n [UI.CaptionLabel]: cn(\r\n 'flex items-center gap-2 [&>svg]:opacity-50',\r\n classNames?.[UI.CaptionLabel]\r\n ),\r\n [UI.Dropdowns]: cn('flex gap-4', classNames?.[UI.Dropdowns]),\r\n [UI.Dropdown]: cn('absolute opacity-0', classNames?.[UI.Dropdown]),\r\n [UI.DropdownRoot]: cn('relative', classNames?.[UI.DropdownRoot]),\r\n [UI.Footer]: cn(classNames?.[UI.Footer]),\r\n [UI.MonthGrid]: cn(classNames?.[UI.MonthGrid]),\r\n [UI.MonthCaption]: cn(\r\n 'py-1 font-medium text-sm',\r\n classNames?.[UI.MonthCaption]\r\n ),\r\n [UI.MonthsDropdown]: cn(classNames?.[UI.MonthsDropdown]),\r\n [UI.Month]: cn('flex flex-col gap-4', classNames?.[UI.Month]),\r\n [UI.Months]: cn('relative flex gap-4', classNames?.[UI.Months]),\r\n [UI.Nav]: cn('absolute end-0 flex gap-2', classNames?.[UI.Nav]),\r\n [UI.NextMonthButton]: buttonVariants({\r\n variant: 'ghost',\r\n size: 'icon',\r\n className: ['size-7', classNames?.[UI.NextMonthButton]],\r\n }),\r\n [UI.PreviousMonthButton]: buttonVariants({\r\n variant: 'ghost',\r\n size: 'icon',\r\n className: ['size-7', classNames?.[UI.PreviousMonthButton]],\r\n }),\r\n [UI.Week]: cn('mt-2 flex justify-between', classNames?.[UI.Week]),\r\n [UI.Weeks]: cn(classNames?.[UI.Weeks]),\r\n [UI.Weekday]: cn(\r\n 'min-w-8.5 font-medium text-gray-600 text-xs',\r\n classNames?.[UI.Weekday]\r\n ),\r\n [UI.Weekdays]: cn(\r\n 'flex w-full justify-between',\r\n classNames?.[UI.Weekdays]\r\n ),\r\n [UI.WeekNumber]: cn(\r\n 'grid h-8 min-w-8.5 place-items-center font-normal text-gray-600 text-xs [&+]:rounded-l-lg',\r\n classNames?.[UI.WeekNumber]\r\n ),\r\n [UI.WeekNumberHeader]: cn(\r\n 'min-w-8.5',\r\n classNames?.[UI.WeekNumberHeader]\r\n ),\r\n [UI.YearsDropdown]: cn(classNames?.[UI.YearsDropdown]),\r\n\r\n [SelectionState.range_end]: cn(\r\n 'is-range-end rounded-r-lg bg-gradient-to-l to-gray-100 first:rounded-l-lg',\r\n classNames?.[SelectionState.range_end]\r\n ),\r\n [SelectionState.range_middle]: cn(\r\n 'is-range-middle bg-gray-100 text-gbm-dark first:rounded-l-lg last:rounded-r-lg',\r\n classNames?.[SelectionState.range_middle]\r\n ),\r\n [SelectionState.range_start]: cn(\r\n 'is-range-start rounded-l-lg bg-gradient-to-r to-gray-100 last:rounded-r-lg',\r\n classNames?.[SelectionState.range_start]\r\n ),\r\n [SelectionState.selected]: cn(\r\n 'is-selected',\r\n classNames?.[SelectionState.selected]\r\n ),\r\n\r\n [DayFlag.disabled]: cn('is-disabled', classNames?.[DayFlag.disabled]),\r\n [DayFlag.focused]: cn('is-focused', classNames?.[DayFlag.focused]),\r\n [DayFlag.hidden]: cn('is-hidden size-8', classNames?.[DayFlag.hidden]),\r\n [DayFlag.outside]: cn('is-outside', classNames?.[DayFlag.outside]),\r\n [DayFlag.today]: cn('is-today', classNames?.[DayFlag.today]),\r\n }}\r\n components={{\r\n Chevron,\r\n }}\r\n showOutsideDays={showOutsideDays}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CalendarRangeLabel\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CalendarRangeLabel({\r\n date,\r\n formatStr = 'LLL dd, y',\r\n placeholder = 'Pick a date',\r\n}: {\r\n date: DateRange \| undefined\r\n formatStr?: string\r\n placeholder?: string\r\n}): ReactNode {\r\n if (!date?.from) {\r\n return <span className=\"truncate\">{placeholder}</span>\r\n }\r\n\r\n const formattedFromDate = format(date.from, formatStr)\r\n\r\n if (!date.to) {\r\n return <span className=\"truncate\">{formattedFromDate}</span>\r\n }\r\n\r\n const formattedToDate = format(date.to, formatStr)\r\n\r\n return (\r\n <span className=\"truncate\">\r\n {formattedFromDate} - {formattedToDate}\r\n </span>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CalendarLabel\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CalendarLabel({\r\n date,\r\n formatStr = 'PPP',\r\n placeholder = 'Pick a date',\r\n}: {\r\n date: Date \| undefined\r\n formatStr?: string\r\n placeholder?: string\r\n}): ReactNode {\r\n if (!date) {\r\n return <span className=\"truncate\">{placeholder}</span>\r\n }\r\n\r\n return <span className=\"truncate\">{format(date, formatStr)}</span>\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport type { DateRange, Matcher } from 'react-day-picker'\r\nexport { Calendar, CalendarLabel, CalendarRangeLabel }\r\n"],"names":["Chevron","orientation","className","props","CaretUp","cn","CaretDown","CaretLeft","CaretRight","Dot","Calendar","showOutsideDays","classNames","isInteractive","undefined","DayPicker","ptBR","UI","buttonVariants","SelectionState","DayFlag","CalendarRangeLabel","date","formatStr","placeholder","formattedFromDate","format","formattedToDate","CalendarLabel"],"mappings":"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"}
1	+ {"version":3,"file":"components\\calendar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/calendar.tsx"],"sourcesContent":["\r\n\r\nimport type { ComponentProps, JSX, ReactNode } from 'react'\r\nimport type { CustomComponents, DateRange } from 'react-day-picker'\r\n\r\nimport { format } from 'date-fns'\r\n\r\nimport { DayFlag, DayPicker, SelectionState, UI } from 'react-day-picker'\r\nimport { ptBR } from 'react-day-picker/locale'\r\n\r\nimport { buttonVariants } from '@/components/button'\r\nimport { cn } from '@/lib/utils'\r\nimport {\r\n CaretDown,\r\n CaretLeft,\r\n CaretRight,\r\n CaretUp,\r\n Dot,\r\n} from '@phosphor-icons/react'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Chevron\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction Chevron({\r\n orientation,\r\n className,\r\n ...props\r\n}: ComponentProps<CustomComponents['Chevron']>): JSX.Element {\r\n switch (orientation) {\r\n case 'up': {\r\n return <CaretUp className={cn('size-4', className)} {...props} />\r\n }\r\n\r\n case 'down': {\r\n return <CaretDown className={cn('size-4', className)} {...props} />\r\n }\r\n\r\n case 'left': {\r\n return <CaretLeft className={cn('size-4', className)} {...props} />\r\n }\r\n\r\n case 'right': {\r\n return <CaretRight className={cn('size-4', className)} {...props} />\r\n }\r\n\r\n default: {\r\n return <Dot className={cn('size-4', className)} {...props} />\r\n }\r\n }\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: Calendar\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction Calendar({\r\n showOutsideDays = true,\r\n classNames,\r\n ...props\r\n}: ComponentProps<typeof DayPicker>): JSX.Element {\r\n const isInteractive =\r\n props.mode !== undefined \|\| props.onDayClick !== undefined\r\n\r\n return (\r\n <DayPicker\r\n locale={ptBR}\r\n classNames={{\r\n [UI.Root]: cn('p-3', classNames?.[UI.Root]),\r\n [UI.Chevron]: cn(classNames?.[UI.Chevron]),\r\n [UI.Day]: cn(\r\n 'grid place-items-center text-center text-sm',\r\n isInteractive\r\n ? 'group min-w-8.5 has-focus-visible:z-20'\r\n : 'h-8 min-w-8.5',\r\n classNames?.[UI.Day]\r\n ),\r\n [UI.DayButton]: cn(\r\n 'size-8 rounded-lg border border-transparent outline-hidden hover:not-disabled:not-group-aria-selected:bg-gray-100 hover:not-disabled:not-group-aria-selected:text-gbm-dark focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 group-[.is-outside]:text-gray-600 group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:border-primary group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-ring/20 group-aria-selected:not-group-[.is-range-middle]:bg-primary group-aria-selected:not-group-[.is-range-middle]:text-white group-data-today:not-group-aria-selected:bg-gray-100 group-data-today:not-group-aria-selected:text-gbm-dark dark:group-[.is-selected]:not-group-[.is-range-middle]:focus-visible:ring-ring/40',\r\n classNames?.[UI.DayButton]\r\n ),\r\n [UI.CaptionLabel]: cn(\r\n 'flex items-center gap-2 [&>svg]:opacity-50',\r\n classNames?.[UI.CaptionLabel]\r\n ),\r\n [UI.Dropdowns]: cn('flex gap-4', classNames?.[UI.Dropdowns]),\r\n [UI.Dropdown]: cn('absolute opacity-0', classNames?.[UI.Dropdown]),\r\n [UI.DropdownRoot]: cn('relative', classNames?.[UI.DropdownRoot]),\r\n [UI.Footer]: cn(classNames?.[UI.Footer]),\r\n [UI.MonthGrid]: cn(classNames?.[UI.MonthGrid]),\r\n [UI.MonthCaption]: cn(\r\n 'py-1 font-medium text-sm',\r\n classNames?.[UI.MonthCaption]\r\n ),\r\n [UI.MonthsDropdown]: cn(classNames?.[UI.MonthsDropdown]),\r\n [UI.Month]: cn('flex flex-col gap-4', classNames?.[UI.Month]),\r\n [UI.Months]: cn('relative flex gap-4', classNames?.[UI.Months]),\r\n [UI.Nav]: cn('absolute end-0 flex gap-2', classNames?.[UI.Nav]),\r\n [UI.NextMonthButton]: buttonVariants({\r\n variant: 'ghost',\r\n size: 'icon',\r\n className: ['size-7', classNames?.[UI.NextMonthButton]],\r\n }),\r\n [UI.PreviousMonthButton]: buttonVariants({\r\n variant: 'ghost',\r\n size: 'icon',\r\n className: ['size-7', classNames?.[UI.PreviousMonthButton]],\r\n }),\r\n [UI.Week]: cn('mt-2 flex justify-between', classNames?.[UI.Week]),\r\n [UI.Weeks]: cn(classNames?.[UI.Weeks]),\r\n [UI.Weekday]: cn(\r\n 'min-w-8.5 font-medium text-gray-600 text-xs',\r\n classNames?.[UI.Weekday]\r\n ),\r\n [UI.Weekdays]: cn(\r\n 'flex w-full justify-between',\r\n classNames?.[UI.Weekdays]\r\n ),\r\n [UI.WeekNumber]: cn(\r\n 'grid h-8 min-w-8.5 place-items-center font-normal text-gray-600 text-xs [&+]:rounded-l-lg',\r\n classNames?.[UI.WeekNumber]\r\n ),\r\n [UI.WeekNumberHeader]: cn(\r\n 'min-w-8.5',\r\n classNames?.[UI.WeekNumberHeader]\r\n ),\r\n [UI.YearsDropdown]: cn(classNames?.[UI.YearsDropdown]),\r\n\r\n [SelectionState.range_end]: cn(\r\n 'is-range-end rounded-r-lg bg-gradient-to-l to-gray-100 first:rounded-l-lg',\r\n classNames?.[SelectionState.range_end]\r\n ),\r\n [SelectionState.range_middle]: cn(\r\n 'is-range-middle bg-gray-100 text-gbm-dark first:rounded-l-lg last:rounded-r-lg',\r\n classNames?.[SelectionState.range_middle]\r\n ),\r\n [SelectionState.range_start]: cn(\r\n 'is-range-start rounded-l-lg bg-gradient-to-r to-gray-100 last:rounded-r-lg',\r\n classNames?.[SelectionState.range_start]\r\n ),\r\n [SelectionState.selected]: cn(\r\n 'is-selected',\r\n classNames?.[SelectionState.selected]\r\n ),\r\n\r\n [DayFlag.disabled]: cn('is-disabled', classNames?.[DayFlag.disabled]),\r\n [DayFlag.focused]: cn('is-focused', classNames?.[DayFlag.focused]),\r\n [DayFlag.hidden]: cn('is-hidden size-8', classNames?.[DayFlag.hidden]),\r\n [DayFlag.outside]: cn('is-outside', classNames?.[DayFlag.outside]),\r\n [DayFlag.today]: cn('is-today', classNames?.[DayFlag.today]),\r\n }}\r\n components={{\r\n Chevron,\r\n }}\r\n showOutsideDays={showOutsideDays}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CalendarRangeLabel\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CalendarRangeLabel({\r\n date,\r\n formatStr = 'LLL dd, y',\r\n placeholder = 'Pick a date',\r\n}: {\r\n date: DateRange \| undefined\r\n formatStr?: string\r\n placeholder?: string\r\n}): ReactNode {\r\n if (!date?.from) {\r\n return <span className=\"truncate\">{placeholder}</span>\r\n }\r\n\r\n const formattedFromDate = format(date.from, formatStr)\r\n\r\n if (!date.to) {\r\n return <span className=\"truncate\">{formattedFromDate}</span>\r\n }\r\n\r\n const formattedToDate = format(date.to, formatStr)\r\n\r\n return (\r\n <span className=\"truncate\">\r\n {formattedFromDate} - {formattedToDate}\r\n </span>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CalendarLabel\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CalendarLabel({\r\n date,\r\n formatStr = 'PPP',\r\n placeholder = 'Pick a date',\r\n}: {\r\n date: Date \| undefined\r\n formatStr?: string\r\n placeholder?: string\r\n}): ReactNode {\r\n if (!date) {\r\n return <span className=\"truncate\">{placeholder}</span>\r\n }\r\n\r\n return <span className=\"truncate\">{format(date, formatStr)}</span>\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport type { DateRange, Matcher } from 'react-day-picker'\r\nexport { Calendar, CalendarLabel, CalendarRangeLabel }\r\n"],"names":["Chevron","orientation","className","props","CaretUp","cn","CaretDown","CaretLeft","CaretRight","Dot","Calendar","showOutsideDays","classNames","isInteractive","undefined","DayPicker","ptBR","UI","buttonVariants","SelectionState","DayFlag","CalendarRangeLabel","date","formatStr","placeholder","formattedFromDate","format","CalendarLabel"],"mappings":"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"}

package/dist/esm/components/checkbox.js CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-import*as r from"react/jsx-runtime";import*as e from"@radix-ui/react-checkbox";import*as t from"../lib/utils.js";import*as a from"@phosphor-icons/react";function i({className:i,size:o="md",...s}){return(0,r.jsx)(e.Root,{className:(0,t.cn)("peer size-4 shrink-0 rounded border border-input shadow-xs outline-none transition-shadow focus-visible:border-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary",{"size-6":"lg"===o},i),...s,children:(0,r.jsx)(e.Indicator,{className:"flex items-center justify-center text-current transition-none",children:(0,r.jsx)(a.CheckIcon,{weight:"bold",className:"size-3.5 text-primary-foreground"})})})}export{i as Checkbox};
+import{jsx as r}from"react/jsx-runtime";import{Indicator as e,Root as t}from"@radix-ui/react-checkbox";import{cn as i}from"../lib/utils.js";import{CheckIcon as a}from"@phosphor-icons/react";function o({className:o,size:d="md",...s}){return r(t,{className:i("peer size-4 shrink-0 rounded border border-input shadow-xs outline-none transition-shadow focus-visible:border-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary",{"size-6":"lg"===d},o),...s,children:r(e,{className:"flex items-center justify-center text-current transition-none",children:r(a,{weight:"bold",className:"size-3.5 text-primary-foreground"})})})}export{o as Checkbox};
 //# sourceMappingURL=checkbox.js.map

package/dist/esm/components/checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\checkbox.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/checkbox.tsx"],"sourcesContent":["\r\n\r\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\nimport { CheckIcon } from '@phosphor-icons/react'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Checkbox\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction Checkbox({\r\n className,\r\n size = 'md',\r\n ...props\r\n}: ComponentProps<typeof CheckboxPrimitive.Root> & {\r\n size?: 'md' \| 'lg'\r\n}): JSX.Element {\r\n return (\r\n <CheckboxPrimitive.Root\r\n className={cn(\r\n 'peer size-4 shrink-0 rounded border border-input shadow-xs outline-none transition-shadow focus-visible:border-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary',\r\n {\r\n 'size-6': size === 'lg',\r\n },\r\n className\r\n )}\r\n {...props}\r\n >\r\n <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current transition-none\">\r\n <CheckIcon weight=\"bold\" className=\"size-3.5 text-primary-foreground\" />\r\n </CheckboxPrimitive.Indicator>\r\n </CheckboxPrimitive.Root>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Checkbox }\r\n"],"names":["Checkbox","className","size","props","CheckboxPrimitive","cn","CheckIcon"],"mappings":";~~yJAYA~~,SAASA,EAAS,CAChBC,UAAAA,CAAS,CACTC,KAAAA,EAAO,IAAI,CACX,GAAGC,EAGJ,EACC,~~MACE~~,~~UAACC~~,~~EAAAA~~,~~IAAsB~~,~~EACrB,~~UAAWC,~~GAAAA,EAAAA,EAAAA,~~EACT,6WACA,CACE,SAAUH,OAAAA,CACZ,EACAD,GAED,GAAGE,CAAK,C,SAET,~~UAACC~~,~~EAAAA~~,~~SAA2B~~,~~EAAC,~~UAAU,gE,SACrC,~~UAACE~~,~~EAAAA~~,~~SAASA,CAAAA,~~CAAC,OAAO,OAAO,UAAU,kC,MAI3C,Q"}
1	+ {"version":3,"file":"components\\checkbox.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/checkbox.tsx"],"sourcesContent":["\r\n\r\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\nimport { CheckIcon } from '@phosphor-icons/react'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Checkbox\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction Checkbox({\r\n className,\r\n size = 'md',\r\n ...props\r\n}: ComponentProps<typeof CheckboxPrimitive.Root> & {\r\n size?: 'md' \| 'lg'\r\n}): JSX.Element {\r\n return (\r\n <CheckboxPrimitive.Root\r\n className={cn(\r\n 'peer size-4 shrink-0 rounded border border-input shadow-xs outline-none transition-shadow focus-visible:border-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary',\r\n {\r\n 'size-6': size === 'lg',\r\n },\r\n className\r\n )}\r\n {...props}\r\n >\r\n <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current transition-none\">\r\n <CheckIcon weight=\"bold\" className=\"size-3.5 text-primary-foreground\" />\r\n </CheckboxPrimitive.Indicator>\r\n </CheckboxPrimitive.Root>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Checkbox }\r\n"],"names":["Checkbox","className","size","props","CheckboxPrimitive","cn","CheckIcon"],"mappings":";8LAYA,SAASA,EAAS,CAChBC,UAAAA,CAAS,CACTC,KAAAA,EAAO,IAAI,CACX,GAAGC,EAGJ,EACC,OACE,EAACC,EAAsB,CACrB,UAAWC,EACT,6WACA,CACE,SAAUH,OAAAA,CACZ,EACAD,GAED,GAAGE,CAAK,C,SAET,EAACC,EAA2B,CAAC,UAAU,gE,SACrC,EAACE,EAASA,CAAC,OAAO,OAAO,UAAU,kC,MAI3C,Q"}

package/dist/esm/components/combobox.js CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as a from"@phosphor-icons/react";import*as o from"react";import*as s from"../lib/utils.js";import*as r from"./button.js";import*as t from"./command.js";import*as n from"./popover.js";import*as l from"./scroll-area.js";let i=({items:i,name:m,value:c,valueIcon:p,placeholder:d,language:u="pt-br",disabled:h=!1,clearable:x=!1,onValueChange:j})=>{let[f,v]=(0,o.useState)(!1),[g,C]=(0,o.useState)(""),b=i?.filter(e=>e.label.toLowerCase().includes(g?.toLowerCase()));return(0,e.jsxs)(n.Popover,{open:f,onOpenChange:v,children:[(0,e.jsx)(n.PopoverTrigger,{className:"group",disabled:h,asChild:!0,children:(0,e.jsxs)("div",{className:(0,s.cn)((0,r.buttonVariants)({variant:"outline",disabled:h}),"h-10 w-full justify-between gap-1 hover:bg-transparent",!c&&"text-muted-foreground"),children:[(0,e.jsxs)("div",{className:"flex flex-1 flex-row items-center gap-4 truncate",children:[c&&p&&(0,e.jsx)("span",{children:p}),c?(0,e.jsx)("p",{className:"font-normal",children:i?.find(e=>e.value===c)?.label}):(0,e.jsx)("p",{className:"text-muted-foreground",children:d})]}),x&&c&&!h&&(0,e.jsx)(r.Button,{variant:"ghost",size:"sm","aria-label":"Clear date",className:"ms-1 size-6 p-1",onClick:e=>{e.stopPropagation(),e.preventDefault(),j?.(void 0),v(!1)},children:(0,e.jsx)(a.XIcon,{className:"size-4"})}),(0,e.jsx)(a.CaretDownIcon,{weight:"bold",className:"size-4 text-foreground group-data-[state=open]:rotate-180"})]})}),(0,e.jsx)(n.PopoverContent,{className:"w-full min-w-[var(--radix-popover-trigger-width)] p-0",align:"start",children:(0,e.jsxs)(t.Command,{children:[(0,e.jsx)(t.CommandInput,{name:m,value:g,onValueChange:C,placeholder:d}),(0,e.jsx)(l.ScrollArea,{className:"h-[200px] overflow-y-auto",children:b?.length===0?(0,e.jsx)(t.CommandEmpty,{children:"pt-br"===u?"Nenhuma op\xe7\xe3o encontrada":"en-us"===u?"No options found":"No se encontraron opciones"}):(0,e.jsx)(t.CommandGroup,{children:b?.map(o=>(0,e.jsxs)(t.CommandItem,{value:o.label,onSelect:()=>{j&&j(o.value),v(!1)},children:[(0,e.jsx)(a.CheckIcon,{className:(0,s.cn)("mr-2 h-4 w-4",o.value===c?"opacity-100":"opacity-0")}),!!o.icon&&(0,e.jsx)("span",{className:"mr-2",children:o.icon}),o.label]},o.value))})})]})})]})};export{i as ComboBox};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{CaretDownIcon as r,CheckIcon as o,XIcon as l}from"@phosphor-icons/react";import{useState as t}from"react";import{cn as n}from"../lib/utils.js";import{Button as i,buttonVariants as s}from"./button.js";import{Command as c,CommandEmpty as m,CommandGroup as p,CommandInput as d,CommandItem as h}from"./command.js";import{Popover as u,PopoverContent as f,PopoverTrigger as g}from"./popover.js";import{ScrollArea as v}from"./scroll-area.js";let N=({items:N,name:b,value:w,valueIcon:x,placeholder:C,language:j="pt-br",disabled:y=!1,clearable:z=!1,onValueChange:L})=>{let[k,B]=t(!1),[D,O]=t(""),P=N?.filter(e=>e.label.toLowerCase().includes(D?.toLowerCase()));return a(u,{open:k,onOpenChange:B,children:[e(g,{className:"group",disabled:y,asChild:!0,children:a("div",{className:n(s({variant:"outline",disabled:y}),"h-10 w-full justify-between gap-1 hover:bg-transparent",!w&&"text-muted-foreground"),children:[a("div",{className:"flex flex-1 flex-row items-center gap-4 truncate",children:[w&&x&&e("span",{children:x}),w?e("p",{className:"font-normal",children:N?.find(e=>e.value===w)?.label}):e("p",{className:"text-muted-foreground",children:C})]}),z&&w&&!y&&e(i,{variant:"ghost",size:"sm","aria-label":"Clear date",className:"ms-1 size-6 p-1",onClick:e=>{e.stopPropagation(),e.preventDefault(),L?.(void 0),B(!1)},children:e(l,{className:"size-4"})}),e(r,{weight:"bold",className:"size-4 text-foreground group-data-[state=open]:rotate-180"})]})}),e(f,{className:"w-full min-w-[var(--radix-popover-trigger-width)] p-0",align:"start",children:a(c,{children:[e(d,{name:b,value:D,onValueChange:O,placeholder:C}),e(v,{className:"h-[200px] overflow-y-auto",children:P?.length===0?e(m,{children:"pt-br"===j?"Nenhuma op\xe7\xe3o encontrada":"en-us"===j?"No options found":"No se encontraron opciones"}):e(p,{children:P?.map(r=>a(h,{value:r.label,onSelect:()=>{L&&L(r.value),B(!1)},children:[e(o,{className:n("mr-2 h-4 w-4",r.value===w?"opacity-100":"opacity-0")}),!!r.icon&&e("span",{className:"mr-2",children:r.icon}),r.label]},r.value))})})]})})]})};export{N as ComboBox};
 //# sourceMappingURL=combobox.js.map

package/dist/esm/components/combobox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\combobox.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/combobox.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDownIcon, CheckIcon, XIcon } from '@phosphor-icons/react'\r\nimport { useState } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\nimport { Button, buttonVariants } from './button'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\nimport { ScrollArea } from './scroll-area'\r\n\r\ninterface ComboBoxProps {\r\n name?: string\r\n value?: string \| number \| undefined\r\n valueIcon?: React.ReactNode\r\n items?: { value: string; label: string; icon?: React.ReactNode }[]\r\n placeholder?: string\r\n language?: 'pt-br' \| 'en-us' \| 'es-es'\r\n disabled?: boolean\r\n clearable?: boolean\r\n onValueChange?: (value: string \| undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Checkbox\r\n * -------------------------------------------------------------------------- /\r\n\r\nconst ComboBox = ({\r\n items,\r\n name,\r\n value,\r\n valueIcon,\r\n placeholder,\r\n language = 'pt-br',\r\n disabled = false,\r\n clearable = false,\r\n onValueChange,\r\n}: ComboBoxProps) => {\r\n const [open, setOpen] = useState(false)\r\n const [search, setSearch] = useState('')\r\n\r\n const filteredItems = items?.filter(item =>\r\n item.label.toLowerCase().includes(search?.toLowerCase())\r\n )\r\n\r\n return (\r\n <Popover open={open} onOpenChange={setOpen}>\r\n <PopoverTrigger className=\"group\" disabled={disabled} asChild>\r\n <div\r\n className={cn(\r\n buttonVariants({ variant: 'outline', disabled }),\r\n 'h-10 w-full justify-between gap-1 hover:bg-transparent',\r\n !value && 'text-muted-foreground'\r\n )}\r\n >\r\n <div className=\"flex flex-1 flex-row items-center gap-4 truncate\">\r\n {value && valueIcon && <span>{valueIcon}</span>}\r\n {value ? (\r\n <p className=\"font-normal\">\r\n {items?.find(item => item.value === value)?.label}\r\n </p>\r\n ) : (\r\n <p className=\"text-muted-foreground\">{placeholder}</p>\r\n )}\r\n </div>\r\n {clearable && value && !disabled && (\r\n <Button\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n aria-label=\"Clear date\"\r\n className=\"ms-1 size-6 p-1\"\r\n onClick={e => {\r\n e.stopPropagation()\r\n e.preventDefault()\r\n onValueChange?.(undefined)\r\n setOpen(false)\r\n }}\r\n >\r\n <XIcon className=\"size-4\" />\r\n </Button>\r\n )}\r\n <CaretDownIcon\r\n weight=\"bold\"\r\n className=\"size-4 text-foreground group-data-[state=open]:rotate-180\"\r\n />\r\n </div>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n className=\"w-full min-w-[var(--radix-popover-trigger-width)] p-0\"\r\n align=\"start\"\r\n >\r\n <Command>\r\n <CommandInput\r\n name={name}\r\n value={search}\r\n onValueChange={setSearch}\r\n placeholder={placeholder}\r\n />\r\n <ScrollArea className=\"h-[200px] overflow-y-auto\">\r\n {filteredItems?.length === 0 ? (\r\n <CommandEmpty>\r\n {language === 'pt-br'\r\n ? 'Nenhuma opção encontrada'\r\n : language === 'en-us'\r\n ? 'No options found'\r\n : 'No se encontraron opciones'}\r\n </CommandEmpty>\r\n ) : (\r\n <CommandGroup>\r\n {filteredItems?.map(item => (\r\n <CommandItem\r\n key={item.value}\r\n value={item.label}\r\n onSelect={() => {\r\n if (onValueChange) onValueChange(item.value)\r\n setOpen(false)\r\n }}\r\n >\r\n <CheckIcon\r\n className={cn(\r\n 'mr-2 h-4 w-4',\r\n item.value === value ? 'opacity-100' : 'opacity-0'\r\n )}\r\n />\r\n {!!item.icon && <span className=\"mr-2\">{item.icon}</span>}\r\n {item.label}\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n )}\r\n </ScrollArea>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { ComboBox }\r\n"],"names":["ComboBox","items","name","value","valueIcon","placeholder","language","disabled","clearable","onValueChange","open","setOpen","useState","search","setSearch","filteredItems","item","Popover","PopoverTrigger","cn","buttonVariants","Button","e","undefined","XIcon","CaretDownIcon","PopoverContent","Command","CommandInput","ScrollArea","CommandEmpty","CommandGroup","CommandItem","CheckIcon"],"mappings":";~~qQAkCA~~,IAAMA,EAAW,CAAC,CAChBC,MAAAA,CAAK,CACLC,KAAAA,CAAI,CACJC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACTC,YAAAA,CAAW,CACXC,SAAAA,EAAW,OAAO,CAClBC,SAAAA,EAAW,EAAK,CAChBC,UAAAA,EAAY,EAAK,CACjBC,cAAAA,CAAa,CACC,IACd,GAAM,CAACC,EAAMC,EAAQ,CAAGC,~~GAAAA,EAAAA,QAAAA,~~EAAS,IAC3B,CAACC,EAAQC,EAAU,CAAGF,~~GAAAA,EAAAA,QAAAA,~~EAAS,IAE/BG,EAAgBd,GAAO,OAAOe,GAClCA,EAAK,KAAK,CAAC,WAAW,GAAG,QAAQ,CAACH,GAAQ,gBAG5C,~~MACE~~,~~WAACI~~,~~EAAAA~~,~~OAAOA,CAAAA,~~CAAC,KAAMP,EAAM,aAAcC,E,UACjC,~~UAACO~~,~~EAAAA~~,~~cAAcA,CAAAA,~~CAAC,UAAU,QAAQ,SAAUX,EAAU,QAAO,G,SAC3D,~~WAAC~~,OACC,UAAWY,~~GAAAA,EAAAA,EAAAA,~~EACTC,~~GAAAA,EAAAA,cAAAA,~~EAAe,CAAE,QAAS,UAAWb,SAAAA,CAAS,GAC9C,yDACA,CAACJ,GAAS,yB,UAGZ,~~WAAC~~,OAAI,UAAU,mD,UACZA,GAASC,GAAa,~~UAAC~~,Q,SAAMA,C,GAC7BD,EACC,~~UAAC~~,KAAE,UAAU,c,SACVF,GAAO,KAAKe,GAAQA,EAAK,KAAK,GAAKb,IAAQ,K,GAG9C,~~UAAC~~,KAAE,UAAU,wB,SAAyBE,C,MAGzCG,GAAaL,GAAS,CAACI,GACtB,~~UAACc~~,~~EAAAA~~,~~MAAMA,CAAAA,~~CACL,QAAQ,QACR,KAAK,KACL,aAAW,aACX,UAAU,kBACV,QAASC,IACPA,EAAE,eAAe,GACjBA,EAAE,cAAc,GAChBb,IAAgBc,QAChBZ,EAAQ,GACV,E,SAEA,~~UAACa~~,~~EAAAA~~,~~KAAKA,CAAAA,~~CAAC,UAAU,Q,KAGrB,~~UAACC~~,~~EAAAA~~,~~aAAaA,CAAAA,~~CACZ,OAAO,OACP,UAAU,2D,QAIhB,~~UAACC~~,~~EAAAA~~,~~cAAcA,CAAAA,~~CACb,UAAU,wDACV,MAAM,Q,SAEN,~~WAACC~~,~~EAAAA~~,~~OAAOA,CAAAA,~~C,UACN,~~UAACC~~,~~EAAAA~~,~~YAAYA,CAAAA,~~CACX,KAAM1B,EACN,MAAOW,EACP,cAAeC,EACf,YAAaT,C,GAEf,~~UAACwB~~,~~EAAAA~~,~~UAAUA,CAAAA,~~CAAC,UAAU,4B,SACnBd,GAAe,SAAW,EACzB,~~UAACe~~,~~EAAAA~~,~~YAAYA,CAAAA,~~C,SACVxB,UAAAA,EACG,iCACAA,UAAAA,EACE,mBACA,4B,GAGR,~~UAACyB~~,~~EAAAA~~,~~YAAYA,CAAAA,~~C,SACVhB,GAAe,IAAIC,GAClB,~~WAACgB~~,~~EAAAA~~,~~WAAWA,CAAAA,~~CAEV,MAAOhB,EAAK,KAAK,CACjB,SAAU,KACJP,GAAeA,EAAcO,EAAK,KAAK,EAC3CL,EAAQ,GACV,E,UAEA,~~UAACsB~~,~~EAAAA~~,~~SAASA,CAAAA,~~CACR,UAAWd,~~GAAAA,EAAAA,EAAAA,~~EACT,eACAH,EAAK,KAAK,GAAKb,EAAQ,cAAgB,Y,GAG1C,CAAC,CAACa,EAAK,IAAI,EAAI,~~UAAC~~,QAAK,UAAU,O,SAAQA,EAAK,IAAI,GAChDA,EAAK,KAAK,C,EAdNA,EAAK,KAAK,E,YAwBnC,S"}
1	+ {"version":3,"file":"components\\combobox.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/combobox.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDownIcon, CheckIcon, XIcon } from '@phosphor-icons/react'\r\nimport { useState } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\nimport { Button, buttonVariants } from './button'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\nimport { ScrollArea } from './scroll-area'\r\n\r\ninterface ComboBoxProps {\r\n name?: string\r\n value?: string \| number \| undefined\r\n valueIcon?: React.ReactNode\r\n items?: { value: string; label: string; icon?: React.ReactNode }[]\r\n placeholder?: string\r\n language?: 'pt-br' \| 'en-us' \| 'es-es'\r\n disabled?: boolean\r\n clearable?: boolean\r\n onValueChange?: (value: string \| undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Checkbox\r\n * -------------------------------------------------------------------------- /\r\n\r\nconst ComboBox = ({\r\n items,\r\n name,\r\n value,\r\n valueIcon,\r\n placeholder,\r\n language = 'pt-br',\r\n disabled = false,\r\n clearable = false,\r\n onValueChange,\r\n}: ComboBoxProps) => {\r\n const [open, setOpen] = useState(false)\r\n const [search, setSearch] = useState('')\r\n\r\n const filteredItems = items?.filter(item =>\r\n item.label.toLowerCase().includes(search?.toLowerCase())\r\n )\r\n\r\n return (\r\n <Popover open={open} onOpenChange={setOpen}>\r\n <PopoverTrigger className=\"group\" disabled={disabled} asChild>\r\n <div\r\n className={cn(\r\n buttonVariants({ variant: 'outline', disabled }),\r\n 'h-10 w-full justify-between gap-1 hover:bg-transparent',\r\n !value && 'text-muted-foreground'\r\n )}\r\n >\r\n <div className=\"flex flex-1 flex-row items-center gap-4 truncate\">\r\n {value && valueIcon && <span>{valueIcon}</span>}\r\n {value ? (\r\n <p className=\"font-normal\">\r\n {items?.find(item => item.value === value)?.label}\r\n </p>\r\n ) : (\r\n <p className=\"text-muted-foreground\">{placeholder}</p>\r\n )}\r\n </div>\r\n {clearable && value && !disabled && (\r\n <Button\r\n variant=\"ghost\"\r\n size=\"sm\"\r\n aria-label=\"Clear date\"\r\n className=\"ms-1 size-6 p-1\"\r\n onClick={e => {\r\n e.stopPropagation()\r\n e.preventDefault()\r\n onValueChange?.(undefined)\r\n setOpen(false)\r\n }}\r\n >\r\n <XIcon className=\"size-4\" />\r\n </Button>\r\n )}\r\n <CaretDownIcon\r\n weight=\"bold\"\r\n className=\"size-4 text-foreground group-data-[state=open]:rotate-180\"\r\n />\r\n </div>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n className=\"w-full min-w-[var(--radix-popover-trigger-width)] p-0\"\r\n align=\"start\"\r\n >\r\n <Command>\r\n <CommandInput\r\n name={name}\r\n value={search}\r\n onValueChange={setSearch}\r\n placeholder={placeholder}\r\n />\r\n <ScrollArea className=\"h-[200px] overflow-y-auto\">\r\n {filteredItems?.length === 0 ? (\r\n <CommandEmpty>\r\n {language === 'pt-br'\r\n ? 'Nenhuma opção encontrada'\r\n : language === 'en-us'\r\n ? 'No options found'\r\n : 'No se encontraron opciones'}\r\n </CommandEmpty>\r\n ) : (\r\n <CommandGroup>\r\n {filteredItems?.map(item => (\r\n <CommandItem\r\n key={item.value}\r\n value={item.label}\r\n onSelect={() => {\r\n if (onValueChange) onValueChange(item.value)\r\n setOpen(false)\r\n }}\r\n >\r\n <CheckIcon\r\n className={cn(\r\n 'mr-2 h-4 w-4',\r\n item.value === value ? 'opacity-100' : 'opacity-0'\r\n )}\r\n />\r\n {!!item.icon && <span className=\"mr-2\">{item.icon}</span>}\r\n {item.label}\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n )}\r\n </ScrollArea>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { ComboBox }\r\n"],"names":["ComboBox","items","name","value","valueIcon","placeholder","language","disabled","clearable","onValueChange","open","setOpen","useState","search","setSearch","filteredItems","item","Popover","PopoverTrigger","cn","buttonVariants","Button","e","undefined","XIcon","CaretDownIcon","PopoverContent","Command","CommandInput","ScrollArea","CommandEmpty","CommandGroup","CommandItem","CheckIcon"],"mappings":";4eAkCA,IAAMA,EAAW,CAAC,CAChBC,MAAAA,CAAK,CACLC,KAAAA,CAAI,CACJC,MAAAA,CAAK,CACLC,UAAAA,CAAS,CACTC,YAAAA,CAAW,CACXC,SAAAA,EAAW,OAAO,CAClBC,SAAAA,EAAW,EAAK,CAChBC,UAAAA,EAAY,EAAK,CACjBC,cAAAA,CAAa,CACC,IACd,GAAM,CAACC,EAAMC,EAAQ,CAAGC,EAAS,IAC3B,CAACC,EAAQC,EAAU,CAAGF,EAAS,IAE/BG,EAAgBd,GAAO,OAAOe,GAClCA,EAAK,KAAK,CAAC,WAAW,GAAG,QAAQ,CAACH,GAAQ,gBAG5C,OACE,EAACI,EAAOA,CAAC,KAAMP,EAAM,aAAcC,E,UACjC,EAACO,EAAcA,CAAC,UAAU,QAAQ,SAAUX,EAAU,QAAO,G,SAC3D,EAAC,OACC,UAAWY,EACTC,EAAe,CAAE,QAAS,UAAWb,SAAAA,CAAS,GAC9C,yDACA,CAACJ,GAAS,yB,UAGZ,EAAC,OAAI,UAAU,mD,UACZA,GAASC,GAAa,EAAC,Q,SAAMA,C,GAC7BD,EACC,EAAC,KAAE,UAAU,c,SACVF,GAAO,KAAKe,GAAQA,EAAK,KAAK,GAAKb,IAAQ,K,GAG9C,EAAC,KAAE,UAAU,wB,SAAyBE,C,MAGzCG,GAAaL,GAAS,CAACI,GACtB,EAACc,EAAMA,CACL,QAAQ,QACR,KAAK,KACL,aAAW,aACX,UAAU,kBACV,QAASC,IACPA,EAAE,eAAe,GACjBA,EAAE,cAAc,GAChBb,IAAgBc,QAChBZ,EAAQ,GACV,E,SAEA,EAACa,EAAKA,CAAC,UAAU,Q,KAGrB,EAACC,EAAaA,CACZ,OAAO,OACP,UAAU,2D,QAIhB,EAACC,EAAcA,CACb,UAAU,wDACV,MAAM,Q,SAEN,EAACC,EAAOA,C,UACN,EAACC,EAAYA,CACX,KAAM1B,EACN,MAAOW,EACP,cAAeC,EACf,YAAaT,C,GAEf,EAACwB,EAAUA,CAAC,UAAU,4B,SACnBd,GAAe,SAAW,EACzB,EAACe,EAAYA,C,SACVxB,UAAAA,EACG,iCACAA,UAAAA,EACE,mBACA,4B,GAGR,EAACyB,EAAYA,C,SACVhB,GAAe,IAAIC,GAClB,EAACgB,EAAWA,CAEV,MAAOhB,EAAK,KAAK,CACjB,SAAU,KACJP,GAAeA,EAAcO,EAAK,KAAK,EAC3CL,EAAQ,GACV,E,UAEA,EAACsB,EAASA,CACR,UAAWd,EACT,eACAH,EAAK,KAAK,GAAKb,EAAQ,cAAgB,Y,GAG1C,CAAC,CAACa,EAAK,IAAI,EAAI,EAAC,QAAK,UAAU,O,SAAQA,EAAK,IAAI,GAChDA,EAAK,KAAK,C,EAdNA,EAAK,KAAK,E,YAwBnC,S"}

package/dist/esm/components/command.js CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-import*as t from"react/jsx-runtime";import*as e from"@radix-ui/react-visually-hidden";import*as a from"cmdk";import*as n from"./dialog.js";import*as o from"../lib/utils.js";import*as d from"lucide-react";function m({className:e,...n}){return(0,t.jsx)(a.Command,{className:(0,o.cn)("flex flex-col overflow-hidden rounded-[inherit] bg-white text-gbm-dark outline-hidden",e),"data-slot":"command",...n})}function r({children:a,...o}){return(0,t.jsx)(n.Dialog,{"data-slot":"command-dialog",...o,children:(0,t.jsxs)(n.DialogContent,{className:"rounded-t-lg sm:rounded-lg","data-slot":"command-dialog-content",children:[(0,t.jsxs)(e.VisuallyHidden,{children:[(0,t.jsx)(n.DialogTitle,{children:"Search command"}),(0,t.jsx)(n.DialogDescription,{children:"Use the search bar to find and select the desired command."})]}),(0,t.jsx)(m,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12",children:a})]})})}function s({className:e,...n}){return(0,t.jsxs)("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"","data-slot":"command-input-wrapper",children:[(0,t.jsx)(d.Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),(0,t.jsx)(a.Command.Input,{className:(0,o.cn)("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),"data-slot":"command-input",...n})]})}function c({className:e,...n}){return(0,t.jsx)(a.Command.List,{className:(0,o.cn)("max-h-75 overflow-y-auto overflow-x-hidden",e),"data-slot":"command-list",...n})}function i({className:e,...n}){return(0,t.jsx)(a.Command.Empty,{className:(0,o.cn)("py-6 text-center text-sm",e),"data-slot":"command-empty",...n})}function l({className:e,...n}){return(0,t.jsx)(a.Command.Group,{className:(0,o.cn)("overflow-hidden p-1 text-gbm-dark [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group-heading]]:text-xs",e),"data-slot":"command-group",...n})}function u({className:e,...n}){return(0,t.jsx)(a.Command.Separator,{className:(0,o.cn)("-mx-1 h-px bg-stroke",e),"data-slot":"command-separator",...n})}function p({className:e,...n}){return(0,t.jsx)(a.Command.Item,{className:(0,o.cn)("group/command-item relative flex cursor-default select-none items-center gap-2 rounded-sm ata-[selected=true]:bg-accent px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",e),"data-slot":"command-item",...n})}function g({className:e,...n}){return(0,t.jsx)(a.Command.Loading,{className:(0,o.cn)("flex justify-center p-2",e),"data-slot":"command-loading",...n})}function x({className:e,...a}){return(0,t.jsx)("span",{className:(0,o.cn)("ml-auto text-gray-500 text-xs tracking-widest",e),"data-slot":"command-shortcut",...a})}export{m as Command,r as CommandDialog,i as CommandEmpty,l as CommandGroup,s as CommandInput,p as CommandItem,c as CommandList,g as CommandLoading,u as CommandSeparator,x as CommandShortcut};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{VisuallyHidden as a}from"@radix-ui/react-visually-hidden";import{Command as o}from"cmdk";import{Dialog as n,DialogContent as d,DialogDescription as r,DialogTitle as m}from"./dialog.js";import{cn as i}from"../lib/utils.js";import{Search as c}from"lucide-react";function s({className:e,...a}){return t(o,{className:i("flex flex-col overflow-hidden rounded-[inherit] bg-white text-gbm-dark outline-hidden",e),"data-slot":"command",...a})}function l({children:o,...i}){return t(n,{"data-slot":"command-dialog",...i,children:e(d,{className:"rounded-t-lg sm:rounded-lg","data-slot":"command-dialog-content",children:[e(a,{children:[t(m,{children:"Search command"}),t(r,{children:"Use the search bar to find and select the desired command."})]}),t(s,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12",children:o})]})})}function u({className:a,...n}){return e("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"","data-slot":"command-input-wrapper",children:[t(c,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),t(o.Input,{className:i("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",a),"data-slot":"command-input",...n})]})}function p({className:e,...a}){return t(o.List,{className:i("max-h-75 overflow-y-auto overflow-x-hidden",e),"data-slot":"command-list",...a})}function g({className:e,...a}){return t(o.Empty,{className:i("py-6 text-center text-sm",e),"data-slot":"command-empty",...a})}function h({className:e,...a}){return t(o.Group,{className:i("overflow-hidden p-1 text-gbm-dark [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group-heading]]:text-xs",e),"data-slot":"command-group",...a})}function f({className:e,...a}){return t(o.Separator,{className:i("-mx-1 h-px bg-stroke",e),"data-slot":"command-separator",...a})}function x({className:e,...a}){return t(o.Item,{className:i("group/command-item relative flex cursor-default select-none items-center gap-2 rounded-sm ata-[selected=true]:bg-accent px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",e),"data-slot":"command-item",...a})}function k({className:e,...a}){return t(o.Loading,{className:i("flex justify-center p-2",e),"data-slot":"command-loading",...a})}function y({className:e,...a}){return t("span",{className:i("ml-auto text-gray-500 text-xs tracking-widest",e),"data-slot":"command-shortcut",...a})}export{s as Command,l as CommandDialog,g as CommandEmpty,h as CommandGroup,u as CommandInput,x as CommandItem,p as CommandList,k as CommandLoading,f as CommandSeparator,y as CommandShortcut};
 //# sourceMappingURL=command.js.map

package/dist/esm/components/command.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\command.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/command.tsx"],"sourcesContent":["\r\n\r\nimport type { ComponentProps, JSX } from 'react'\r\n\r\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\r\nimport { Command as CommandPrimitive } from 'cmdk'\r\n\r\nimport {\r\n Dialog,\r\n DialogContent,\r\n DialogDescription,\r\n DialogTitle,\r\n} from '@/components/dialog'\r\nimport { cn } from '@/lib/utils'\r\nimport { Search } from 'lucide-react'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Command\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction Command({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive>): JSX.Element {\r\n return (\r\n <CommandPrimitive\r\n className={cn(\r\n 'flex flex-col overflow-hidden rounded-[inherit] bg-white text-gbm-dark outline-hidden',\r\n className\r\n )}\r\n data-slot=\"command\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandDialog\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandDialog({\r\n children,\r\n ...props\r\n}: ComponentProps<typeof Dialog>): JSX.Element {\r\n return (\r\n <Dialog data-slot=\"command-dialog\" {...props}>\r\n <DialogContent\r\n className=\"rounded-t-lg sm:rounded-lg\"\r\n data-slot=\"command-dialog-content\"\r\n >\r\n <VisuallyHidden>\r\n <DialogTitle>Search command</DialogTitle>\r\n <DialogDescription>\r\n Use the search bar to find and select the desired command.\r\n </DialogDescription>\r\n </VisuallyHidden>\r\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandInput\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandInput({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Input>): JSX.Element {\r\n return (\r\n <div\r\n className=\"flex items-center border-b px-3\"\r\n cmdk-input-wrapper=\"\"\r\n data-slot=\"command-input-wrapper\"\r\n >\r\n <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n className={cn(\r\n 'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n className\r\n )}\r\n data-slot=\"command-input\"\r\n {...props}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandList\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandList({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.List>): JSX.Element {\r\n return (\r\n <CommandPrimitive.List\r\n className={cn('max-h-75 overflow-y-auto overflow-x-hidden', className)}\r\n data-slot=\"command-list\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandEmpty\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandEmpty({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Empty>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Empty\r\n className={cn('py-6 text-center text-sm', className)}\r\n data-slot=\"command-empty\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandGroup\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandGroup({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Group>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Group\r\n className={cn(\r\n 'overflow-hidden p-1 text-gbm-dark [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group-heading]]:text-xs',\r\n className\r\n )}\r\n data-slot=\"command-group\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandSeparator\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Separator>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Separator\r\n className={cn('-mx-1 h-px bg-stroke', className)}\r\n data-slot=\"command-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandItem\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandItem({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Item>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Item\r\n className={cn(\r\n \"group/command-item relative flex cursor-default select-none items-center gap-2 rounded-sm ata-[selected=true]:bg-accent px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class='size-'])]:size-4 [&_svg:not([class='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n className\r\n )}\r\n data-slot=\"command-item\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandLoading\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandLoading({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Loading>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Loading\r\n className={cn('flex justify-center p-2', className)}\r\n data-slot=\"command-loading\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandShortcut\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandShortcut({\r\n className,\r\n ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n return (\r\n <span\r\n className={cn('ml-auto text-gray-500 text-xs tracking-widest', className)}\r\n data-slot=\"command-shortcut\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Command,\r\n CommandDialog,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n CommandLoading,\r\n CommandSeparator,\r\n CommandShortcut,\r\n}\r\n"],"names":["Command","className","props","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","VisuallyHidden","DialogTitle","DialogDescription","CommandInput","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandLoading","CommandShortcut"],"mappings":";4MAoBA,SAASA,EAAQ,CACfC,UAAAA,CAAS,CACT,GAAGC,EACqC,EACxC,MACE,UAACC,EAAAA,OAAgBA,CAAAA,CACf,UAAWC,GAAAA,EAAAA,EAAAA,EACT,wFACAH,GAEF,YAAU,UACT,GAAGC,CAAK,EAGf,CAMA,SAASG,EAAc,CACrBC,SAAAA,CAAQ,CACR,GAAGJ,EAC2B,EAC9B,MACE,UAACK,EAAAA,MAAMA,CAAAA,CAAC,YAAU,iBAAkB,GAAGL,CAAK,C,SAC1C,WAACM,EAAAA,aAAaA,CAAAA,CACZ,UAAU,6BACV,YAAU,yB,UAEV,WAACC,EAAAA,cAAcA,CAAAA,C,UACb,UAACC,EAAAA,WAAWA,CAAAA,C,SAAC,gB,GACb,UAACC,EAAAA,iBAAiBA,CAAAA,C,SAAC,4D,MAIrB,UAACX,EAAAA,CAAQ,UAAU,oL,SAChBM,C,OAKX,CAMA,SAASM,EAAa,CACpBX,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,WAAC,OACC,UAAU,kCACV,qBAAmB,GACnB,YAAU,wB,UAEV,UAACW,EAAAA,MAAMA,CAAAA,CAAC,UAAU,kC,GAClB,UAACV,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yJACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,KAIjB,CAMA,SAASY,EAAY,CACnBb,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,UAACC,EAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,6CAA8CH,GAC5D,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASa,EAAa,CACpBd,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,UAACC,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,2BAA4BH,GAC1C,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASc,EAAa,CACpBf,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,UAACC,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,+MACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASe,EAAiB,CACxBhB,UAAAA,CAAS,CACT,GAAGC,EAC+C,EAClD,MACE,UAACC,EAAAA,OAAAA,CAAAA,SAA0B,EACzB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,uBAAwBH,GACtC,YAAU,oBACT,GAAGC,CAAK,EAGf,CAMA,SAASgB,EAAY,CACnBjB,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,UAACC,EAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,wZACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASiB,EAAe,CACtBlB,UAAAA,CAAS,CACT,GAAGC,EAC6C,EAChD,MACE,UAACC,EAAAA,OAAAA,CAAAA,OAAwB,EACvB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,0BAA2BH,GACzC,YAAU,kBACT,GAAGC,CAAK,EAGf,CAMA,SAASkB,EAAgB,CACvBnB,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,MACE,UAAC,QACC,UAAWE,GAAAA,EAAAA,EAAAA,EAAG,gDAAiDH,GAC/D,YAAU,mBACT,GAAGC,CAAK,EAGf,Q"}
1	+ {"version":3,"file":"components\\command.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/command.tsx"],"sourcesContent":["\r\n\r\nimport type { ComponentProps, JSX } from 'react'\r\n\r\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\r\nimport { Command as CommandPrimitive } from 'cmdk'\r\n\r\nimport {\r\n Dialog,\r\n DialogContent,\r\n DialogDescription,\r\n DialogTitle,\r\n} from '@/components/dialog'\r\nimport { cn } from '@/lib/utils'\r\nimport { Search } from 'lucide-react'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Command\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction Command({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive>): JSX.Element {\r\n return (\r\n <CommandPrimitive\r\n className={cn(\r\n 'flex flex-col overflow-hidden rounded-[inherit] bg-white text-gbm-dark outline-hidden',\r\n className\r\n )}\r\n data-slot=\"command\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandDialog\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandDialog({\r\n children,\r\n ...props\r\n}: ComponentProps<typeof Dialog>): JSX.Element {\r\n return (\r\n <Dialog data-slot=\"command-dialog\" {...props}>\r\n <DialogContent\r\n className=\"rounded-t-lg sm:rounded-lg\"\r\n data-slot=\"command-dialog-content\"\r\n >\r\n <VisuallyHidden>\r\n <DialogTitle>Search command</DialogTitle>\r\n <DialogDescription>\r\n Use the search bar to find and select the desired command.\r\n </DialogDescription>\r\n </VisuallyHidden>\r\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandInput\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandInput({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Input>): JSX.Element {\r\n return (\r\n <div\r\n className=\"flex items-center border-b px-3\"\r\n cmdk-input-wrapper=\"\"\r\n data-slot=\"command-input-wrapper\"\r\n >\r\n <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n className={cn(\r\n 'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n className\r\n )}\r\n data-slot=\"command-input\"\r\n {...props}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandList\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandList({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.List>): JSX.Element {\r\n return (\r\n <CommandPrimitive.List\r\n className={cn('max-h-75 overflow-y-auto overflow-x-hidden', className)}\r\n data-slot=\"command-list\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandEmpty\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandEmpty({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Empty>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Empty\r\n className={cn('py-6 text-center text-sm', className)}\r\n data-slot=\"command-empty\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandGroup\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandGroup({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Group>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Group\r\n className={cn(\r\n 'overflow-hidden p-1 text-gbm-dark [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group-heading]]:text-xs',\r\n className\r\n )}\r\n data-slot=\"command-group\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandSeparator\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Separator>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Separator\r\n className={cn('-mx-1 h-px bg-stroke', className)}\r\n data-slot=\"command-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandItem\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandItem({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Item>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Item\r\n className={cn(\r\n \"group/command-item relative flex cursor-default select-none items-center gap-2 rounded-sm ata-[selected=true]:bg-accent px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class='size-'])]:size-4 [&_svg:not([class='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0\",\r\n className\r\n )}\r\n data-slot=\"command-item\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandLoading\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandLoading({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Loading>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Loading\r\n className={cn('flex justify-center p-2', className)}\r\n data-slot=\"command-loading\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Component: CommandShortcut\r\n * -------------------------------------------------------------------------- /\r\n\r\nfunction CommandShortcut({\r\n className,\r\n ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n return (\r\n <span\r\n className={cn('ml-auto text-gray-500 text-xs tracking-widest', className)}\r\n data-slot=\"command-shortcut\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/ -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Command,\r\n CommandDialog,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n CommandLoading,\r\n CommandSeparator,\r\n CommandShortcut,\r\n}\r\n"],"names":["Command","className","props","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","VisuallyHidden","DialogTitle","DialogDescription","CommandInput","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandLoading","CommandShortcut"],"mappings":";6TAoBA,SAASA,EAAQ,CACfC,UAAAA,CAAS,CACT,GAAGC,EACqC,EACxC,OACE,EAACC,EAAgBA,CACf,UAAWC,EACT,wFACAH,GAEF,YAAU,UACT,GAAGC,CAAK,EAGf,CAMA,SAASG,EAAc,CACrBC,SAAAA,CAAQ,CACR,GAAGJ,EAC2B,EAC9B,OACE,EAACK,EAAMA,CAAC,YAAU,iBAAkB,GAAGL,CAAK,C,SAC1C,EAACM,EAAaA,CACZ,UAAU,6BACV,YAAU,yB,UAEV,EAACC,EAAcA,C,UACb,EAACC,EAAWA,C,SAAC,gB,GACb,EAACC,EAAiBA,C,SAAC,4D,MAIrB,EAACX,EAAOA,CAAC,UAAU,oL,SAChBM,C,OAKX,CAMA,SAASM,EAAa,CACpBX,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,OACE,EAAC,OACC,UAAU,kCACV,qBAAmB,GACnB,YAAU,wB,UAEV,EAACW,EAAMA,CAAC,UAAU,kC,GAClB,EAACV,EAAAA,KAAsB,EACrB,UAAWC,EACT,yJACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,KAIjB,CAMA,SAASY,EAAY,CACnBb,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,OACE,EAACC,EAAAA,IAAqB,EACpB,UAAWC,EAAG,6CAA8CH,GAC5D,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASa,EAAa,CACpBd,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,OACE,EAACC,EAAAA,KAAsB,EACrB,UAAWC,EAAG,2BAA4BH,GAC1C,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASc,EAAa,CACpBf,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,OACE,EAACC,EAAAA,KAAsB,EACrB,UAAWC,EACT,+MACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASe,EAAiB,CACxBhB,UAAAA,CAAS,CACT,GAAGC,EAC+C,EAClD,OACE,EAACC,EAAAA,SAA0B,EACzB,UAAWC,EAAG,uBAAwBH,GACtC,YAAU,oBACT,GAAGC,CAAK,EAGf,CAMA,SAASgB,EAAY,CACnBjB,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,OACE,EAACC,EAAAA,IAAqB,EACpB,UAAWC,EACT,wZACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASiB,EAAe,CACtBlB,UAAAA,CAAS,CACT,GAAGC,EAC6C,EAChD,OACE,EAACC,EAAAA,OAAwB,EACvB,UAAWC,EAAG,0BAA2BH,GACzC,YAAU,kBACT,GAAGC,CAAK,EAGf,CAMA,SAASkB,EAAgB,CACvBnB,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,OACE,EAAC,QACC,UAAWE,EAAG,gDAAiDH,GAC/D,YAAU,mBACT,GAAGC,CAAK,EAGf,Q"}

package/dist/esm/components/context-menu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as t from"react/jsx-runtime";import*as e from"@phosphor-icons/react";import*as a from"@radix-ui/react-context-menu";import*as n from"../lib/utils.js";function s({...e}){return(0,t.jsx)(a.Root,{"data-slot":"context-menu",...e})}function o({...e}){return(0,t.jsx)(a.Trigger,{"data-slot":"context-menu-trigger",...e})}function r({...e}){return(0,t.jsx)(a.Group,{"data-slot":"context-menu-group",...e})}function i({...e}){return(0,t.jsx)(a.Sub,{"data-slot":"context-menu-sub",...e})}function d({...e}){return(0,t.jsx)(a.RadioGroup,{"data-slot":"context-menu-radio-group",...e})}function c({children:s,className:o,inset:r,...i}){return(0,t.jsxs)(a.SubTrigger,{className:(0,n.cn)("flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark data-[state=open]:bg-gray-100 data-inset:pl-8 data-[state=open]:text-gbm-dark [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",o),"data-inset":r,"data-slot":"context-menu-sub-trigger",...i,children:[s,(0,t.jsx)(e.CaretRight,{className:"ml-auto size-4"})]})}function u({className:e,...s}){return(0,t.jsx)(a.Portal,{children:(0,t.jsx)(a.SubContent,{className:(0,n.cn)("data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border bg-white p-1 text-gbm-dark shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",e),"data-slot":"context-menu-sub-content",...s})})}function l({className:e,...s}){return(0,t.jsx)(a.Portal,{children:(0,t.jsx)(a.Content,{className:(0,n.cn)("data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-lg border bg-white p-1 text-gbm-dark shadow-lg data-[state=open]:animate-in",e),"data-slot":"context-menu-content",...s})})}function m({className:e,inset:s,variant:o,...r}){return(0,t.jsx)(a.Item,{className:(0,n.cn)("group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-gray-500 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg]:shrink-0",e),"data-inset":s,"data-slot":"context-menu-item","data-variant":o,...r})}function x({checked:s,children:o,className:r,...i}){return(0,t.jsxs)(a.CheckboxItem,{checked:s,className:(0,n.cn)("group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",r),"data-slot":"context-menu-checkbox-item",...i,children:[(0,t.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,t.jsx)(a.ItemIndicator,{children:(0,t.jsx)(e.Check,{className:"size-4"})})}),o]})}function p({children:s,className:o,...r}){return(0,t.jsxs)(a.RadioItem,{className:(0,n.cn)("group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",o),"data-slot":"context-menu-radio-item",...r,children:[(0,t.jsx)("span",{className:"absolute left-2 flex items-center justify-center",children:(0,t.jsx)(a.ItemIndicator,{children:(0,t.jsx)(e.Dot,{className:"size-4 fill-current"})})}),s]})}function g({className:e,inset:s,...o}){return(0,t.jsx)(a.Label,{className:(0,n.cn)("flex items-center gap-x-2 px-2 py-1.5 font-semibold text-sm data-inset:pl-8",e),"data-inset":s,"data-slot":"context-menu-label",...o})}function f({className:e,...s}){return(0,t.jsx)(a.Separator,{className:(0,n.cn)("mx-2 my-1 h-px bg-stroke",e),"data-slot":"context-menu-separator",...s})}function b({className:e,...a}){return(0,t.jsx)("span",{className:(0,n.cn)("ml-auto text-gray-500 text-xs tracking-widest group-data-[variant=destructive]/context-menu-item:text-destructive/80",e),"data-slot":"context-menu-shortcut",...a})}function h({className:e,...s}){return(0,t.jsx)(a.Arrow,{className:(0,n.cn)("fill-white",e),"data-slot":"context-menu-arrow",...s})}export{s as ContextMenu,h as ContextMenuArrow,x as ContextMenuCheckboxItem,l as ContextMenuContent,r as ContextMenuGroup,m as ContextMenuItem,g as ContextMenuLabel,d as ContextMenuRadioGroup,p as ContextMenuRadioItem,f as ContextMenuSeparator,b as ContextMenuShortcut,i as ContextMenuSub,u as ContextMenuSubContent,c as ContextMenuSubTrigger,o as ContextMenuTrigger};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{CaretRight as a,Check as n,Dot as o}from"@phosphor-icons/react";import{Arrow as s,CheckboxItem as i,Content as r,Group as d,Item as u,ItemIndicator as c,Label as l,Portal as m,RadioGroup as x,RadioItem as p,Root as f,Separator as g,Sub as b,SubContent as h,SubTrigger as v,Trigger as y}from"@radix-ui/react-context-menu";import{cn as C}from"../lib/utils.js";function k({...e}){return t(f,{"data-slot":"context-menu",...e})}function z({...e}){return t(y,{"data-slot":"context-menu-trigger",...e})}function M({...e}){return t(d,{"data-slot":"context-menu-group",...e})}function N({...e}){return t(b,{"data-slot":"context-menu-sub",...e})}function w({...e}){return t(x,{"data-slot":"context-menu-radio-group",...e})}function _({children:n,className:o,inset:s,...i}){return e(v,{className:C("flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark data-[state=open]:bg-gray-100 data-inset:pl-8 data-[state=open]:text-gbm-dark [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",o),"data-inset":s,"data-slot":"context-menu-sub-trigger",...i,children:[n,t(a,{className:"ml-auto size-4"})]})}function S({className:e,...a}){return t(m,{children:t(h,{className:C("data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border bg-white p-1 text-gbm-dark shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in",e),"data-slot":"context-menu-sub-content",...a})})}function j({className:e,...a}){return t(m,{children:t(r,{className:C("data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-lg border bg-white p-1 text-gbm-dark shadow-lg data-[state=open]:animate-in",e),"data-slot":"context-menu-content",...a})})}function I({className:e,inset:a,variant:n,...o}){return t(u,{className:C("group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-gray-500 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg]:shrink-0",e),"data-inset":a,"data-slot":"context-menu-item","data-variant":n,...o})}function G({checked:a,children:o,className:s,...r}){return e(i,{checked:a,className:C("group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",s),"data-slot":"context-menu-checkbox-item",...r,children:[t("span",{className:"absolute left-2 flex items-center justify-center",children:t(c,{children:t(n,{className:"size-4"})})}),o]})}function R({children:a,className:n,...s}){return e(p,{className:C("group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",n),"data-slot":"context-menu-radio-item",...s,children:[t("span",{className:"absolute left-2 flex items-center justify-center",children:t(c,{children:t(o,{className:"size-4 fill-current"})})}),a]})}function T({className:e,inset:a,...n}){return t(l,{className:C("flex items-center gap-x-2 px-2 py-1.5 font-semibold text-sm data-inset:pl-8",e),"data-inset":a,"data-slot":"context-menu-label",...n})}function A({className:e,...a}){return t(g,{className:C("mx-2 my-1 h-px bg-stroke",e),"data-slot":"context-menu-separator",...a})}function L({className:e,...a}){return t("span",{className:C("ml-auto text-gray-500 text-xs tracking-widest group-data-[variant=destructive]/context-menu-item:text-destructive/80",e),"data-slot":"context-menu-shortcut",...a})}function q({className:e,...a}){return t(s,{className:C("fill-white",e),"data-slot":"context-menu-arrow",...a})}export{k as ContextMenu,q as ContextMenuArrow,G as ContextMenuCheckboxItem,j as ContextMenuContent,M as ContextMenuGroup,I as ContextMenuItem,T as ContextMenuLabel,w as ContextMenuRadioGroup,R as ContextMenuRadioItem,A as ContextMenuSeparator,L as ContextMenuShortcut,N as ContextMenuSub,S as ContextMenuSubContent,_ as ContextMenuSubTrigger,z as ContextMenuTrigger};
 //# sourceMappingURL=context-menu.js.map

package/dist/esm/components/context-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\context-menu.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/context-menu.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'react'\n\nimport { CaretRight, Check, Dot } from '@phosphor-icons/react'\nimport * as ContextMenuPrimitive from '@radix-ui/react-context-menu'\n\nimport { cn } from '@/lib/utils'\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenu\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenu({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Root>): JSX.Element {\n return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuTrigger\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuTrigger({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Trigger>): JSX.Element {\n return (\n <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuGroup\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuGroup({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Group>): JSX.Element {\n return (\n <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuSub\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuSub({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Sub>): JSX.Element {\n return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuRadioGroup\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): JSX.Element {\n return (\n <ContextMenuPrimitive.RadioGroup\n data-slot=\"context-menu-radio-group\"\n {...props}\n />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuSubTrigger\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuSubTrigger({\n children,\n className,\n inset,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n inset?: boolean\n}): JSX.Element {\n return (\n <ContextMenuPrimitive.SubTrigger\n className={cn(\n \"flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark data-[state=open]:bg-gray-100 data-inset:pl-8 data-[state=open]:text-gbm-dark [&_svg:not([class='size-'])]:size-4 [&_svg]:shrink-0\",\n className\n )}\n data-inset={inset}\n data-slot=\"context-menu-sub-trigger\"\n {...props}\n >\n {children}\n <CaretRight className=\"ml-auto size-4\" />\n </ContextMenuPrimitive.SubTrigger>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuSubConent\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.SubContent>): JSX.Element {\n return (\n <ContextMenuPrimitive.Portal>\n <ContextMenuPrimitive.SubContent\n className={cn(\n 'data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border bg-white p-1 text-gbm-dark shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\n className\n )}\n data-slot=\"context-menu-sub-content\"\n {...props}\n />\n </ContextMenuPrimitive.Portal>\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuContent\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuContent({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Content>): JSX.Element {\n return (\n <ContextMenuPrimitive.Portal>\n <ContextMenuPrimitive.Content\n className={cn(\n 'data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-lg border bg-white p-1 text-gbm-dark shadow-lg data-[state=open]:animate-in',\n className\n )}\n data-slot=\"context-menu-content\"\n {...props}\n />\n </ContextMenuPrimitive.Portal>\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuItem\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuItem({\n className,\n inset,\n variant,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Item> & {\n inset?: boolean\n variant?: 'default' \| 'destructive'\n}): JSX.Element {\n return (\n <ContextMenuPrimitive.Item\n className={cn(\n \"group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class='size-'])]:size-4 [&_svg:not([class='text-'])]:text-gray-500 data-[variant=destructive]:[&_svg:not([class='text-'])]:text-destructive/80 [&_svg]:shrink-0\",\n className\n )}\n data-inset={inset}\n data-slot=\"context-menu-item\"\n data-variant={variant}\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuCheckboxItem\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuCheckboxItem({\n checked,\n children,\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): JSX.Element {\n return (\n <ContextMenuPrimitive.CheckboxItem\n checked={checked}\n className={cn(\n \"group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 [&_svg:not([class='size-'])]:size-4 [&_svg]:shrink-0\",\n className\n )}\n data-slot=\"context-menu-checkbox-item\"\n {...props}\n >\n <span className=\"absolute left-2 flex items-center justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <Check className=\"size-4\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.CheckboxItem>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuRadioItem\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuRadioItem({\n children,\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.RadioItem>): JSX.Element {\n return (\n <ContextMenuPrimitive.RadioItem\n className={cn(\n \"group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 [&_svg:not([class='size-'])]:size-4 [&_svg]:shrink-0\",\n className\n )}\n data-slot=\"context-menu-radio-item\"\n {...props}\n >\n <span className=\"absolute left-2 flex items-center justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <Dot className=\"size-4 fill-current\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.RadioItem>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuLabel\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Label> & {\n inset?: boolean\n}): JSX.Element {\n return (\n <ContextMenuPrimitive.Label\n className={cn(\n 'flex items-center gap-x-2 px-2 py-1.5 font-semibold text-sm data-inset:pl-8',\n className\n )}\n data-inset={inset}\n data-slot=\"context-menu-label\"\n {...props}\n />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuSeparator\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Separator>): JSX.Element {\n return (\n <ContextMenuPrimitive.Separator\n className={cn('mx-2 my-1 h-px bg-stroke', className)}\n data-slot=\"context-menu-separator\"\n {...props}\n />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuShortcut\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: ComponentProps<'span'>): JSX.Element {\n return (\n <span\n className={cn(\n 'ml-auto text-gray-500 text-xs tracking-widest group-data-[variant=destructive]/context-menu-item:text-destructive/80',\n className\n )}\n data-slot=\"context-menu-shortcut\"\n {...props}\n />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuArrow\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuArrow({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Arrow>): JSX.Element {\n return (\n <ContextMenuPrimitive.Arrow\n className={cn('fill-white', className)}\n data-slot=\"context-menu-arrow\"\n {...props}\n />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n ContextMenu,\n ContextMenuArrow,\n ContextMenuCheckboxItem,\n ContextMenuContent,\n ContextMenuGroup,\n ContextMenuItem,\n ContextMenuLabel,\n ContextMenuRadioGroup,\n ContextMenuRadioItem,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuTrigger,\n}\n"],"names":["ContextMenu","props","ContextMenuPrimitive","ContextMenuTrigger","ContextMenuGroup","ContextMenuSub","ContextMenuRadioGroup","ContextMenuSubTrigger","children","className","inset","cn","CaretRight","ContextMenuSubContent","ContextMenuContent","ContextMenuItem","variant","ContextMenuCheckboxItem","checked","Check","ContextMenuRadioItem","Dot","ContextMenuLabel","ContextMenuSeparator","ContextMenuShortcut","ContextMenuArrow"],"mappings":"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"}
1	+ {"version":3,"file":"components\\context-menu.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/context-menu.tsx"],"sourcesContent":["import type { ComponentProps, JSX } from 'react'\n\nimport { CaretRight, Check, Dot } from '@phosphor-icons/react'\nimport * as ContextMenuPrimitive from '@radix-ui/react-context-menu'\n\nimport { cn } from '@/lib/utils'\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenu\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenu({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Root>): JSX.Element {\n return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuTrigger\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuTrigger({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Trigger>): JSX.Element {\n return (\n <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuGroup\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuGroup({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Group>): JSX.Element {\n return (\n <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuSub\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuSub({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Sub>): JSX.Element {\n return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuRadioGroup\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): JSX.Element {\n return (\n <ContextMenuPrimitive.RadioGroup\n data-slot=\"context-menu-radio-group\"\n {...props}\n />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuSubTrigger\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuSubTrigger({\n children,\n className,\n inset,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n inset?: boolean\n}): JSX.Element {\n return (\n <ContextMenuPrimitive.SubTrigger\n className={cn(\n \"flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark data-[state=open]:bg-gray-100 data-inset:pl-8 data-[state=open]:text-gbm-dark [&_svg:not([class='size-'])]:size-4 [&_svg]:shrink-0\",\n className\n )}\n data-inset={inset}\n data-slot=\"context-menu-sub-trigger\"\n {...props}\n >\n {children}\n <CaretRight className=\"ml-auto size-4\" />\n </ContextMenuPrimitive.SubTrigger>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuSubConent\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.SubContent>): JSX.Element {\n return (\n <ContextMenuPrimitive.Portal>\n <ContextMenuPrimitive.SubContent\n className={cn(\n 'data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border bg-white p-1 text-gbm-dark shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\n className\n )}\n data-slot=\"context-menu-sub-content\"\n {...props}\n />\n </ContextMenuPrimitive.Portal>\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuContent\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuContent({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Content>): JSX.Element {\n return (\n <ContextMenuPrimitive.Portal>\n <ContextMenuPrimitive.Content\n className={cn(\n 'data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-lg border bg-white p-1 text-gbm-dark shadow-lg data-[state=open]:animate-in',\n className\n )}\n data-slot=\"context-menu-content\"\n {...props}\n />\n </ContextMenuPrimitive.Portal>\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuItem\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuItem({\n className,\n inset,\n variant,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Item> & {\n inset?: boolean\n variant?: 'default' \| 'destructive'\n}): JSX.Element {\n return (\n <ContextMenuPrimitive.Item\n className={cn(\n \"group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class='size-'])]:size-4 [&_svg:not([class='text-'])]:text-gray-500 data-[variant=destructive]:[&_svg:not([class='text-'])]:text-destructive/80 [&_svg]:shrink-0\",\n className\n )}\n data-inset={inset}\n data-slot=\"context-menu-item\"\n data-variant={variant}\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuCheckboxItem\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuCheckboxItem({\n checked,\n children,\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): JSX.Element {\n return (\n <ContextMenuPrimitive.CheckboxItem\n checked={checked}\n className={cn(\n \"group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 [&_svg:not([class='size-'])]:size-4 [&_svg]:shrink-0\",\n className\n )}\n data-slot=\"context-menu-checkbox-item\"\n {...props}\n >\n <span className=\"absolute left-2 flex items-center justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <Check className=\"size-4\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.CheckboxItem>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuRadioItem\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuRadioItem({\n children,\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.RadioItem>): JSX.Element {\n return (\n <ContextMenuPrimitive.RadioItem\n className={cn(\n \"group/context-menu-item relative flex cursor-default select-none items-center gap-x-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-dark aria-disabled:opacity-50 [&_svg:not([class='size-'])]:size-4 [&_svg]:shrink-0\",\n className\n )}\n data-slot=\"context-menu-radio-item\"\n {...props}\n >\n <span className=\"absolute left-2 flex items-center justify-center\">\n <ContextMenuPrimitive.ItemIndicator>\n <Dot className=\"size-4 fill-current\" />\n </ContextMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </ContextMenuPrimitive.RadioItem>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ContextMenuLabel\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Label> & {\n inset?: boolean\n}): JSX.Element {\n return (\n <ContextMenuPrimitive.Label\n className={cn(\n 'flex items-center gap-x-2 px-2 py-1.5 font-semibold text-sm data-inset:pl-8',\n className\n )}\n data-inset={inset}\n data-slot=\"context-menu-label\"\n {...props}\n />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuSeparator\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Separator>): JSX.Element {\n return (\n <ContextMenuPrimitive.Separator\n className={cn('mx-2 my-1 h-px bg-stroke', className)}\n data-slot=\"context-menu-separator\"\n {...props}\n />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuShortcut\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: ComponentProps<'span'>): JSX.Element {\n return (\n <span\n className={cn(\n 'ml-auto text-gray-500 text-xs tracking-widest group-data-[variant=destructive]/context-menu-item:text-destructive/80',\n className\n )}\n data-slot=\"context-menu-shortcut\"\n {...props}\n />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Component: ContextMenuArrow\n * -------------------------------------------------------------------------- /\n\nfunction ContextMenuArrow({\n className,\n ...props\n}: ComponentProps<typeof ContextMenuPrimitive.Arrow>): JSX.Element {\n return (\n <ContextMenuPrimitive.Arrow\n className={cn('fill-white', className)}\n data-slot=\"context-menu-arrow\"\n {...props}\n />\n )\n}\n\n/ -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n ContextMenu,\n ContextMenuArrow,\n ContextMenuCheckboxItem,\n ContextMenuContent,\n ContextMenuGroup,\n ContextMenuItem,\n ContextMenuLabel,\n ContextMenuRadioGroup,\n ContextMenuRadioItem,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuTrigger,\n}\n"],"names":["ContextMenu","props","ContextMenuPrimitive","ContextMenuTrigger","ContextMenuGroup","ContextMenuSub","ContextMenuRadioGroup","ContextMenuSubTrigger","children","className","inset","cn","CaretRight","ContextMenuSubContent","ContextMenuContent","ContextMenuItem","variant","ContextMenuCheckboxItem","checked","Check","ContextMenuRadioItem","Dot","ContextMenuLabel","ContextMenuSeparator","ContextMenuShortcut","ContextMenuArrow"],"mappings":"+ZAWA,SAASA,EAAY,CACnB,GAAGC,EAC8C,EACjD,OAAO,EAACC,EAAyB,CAAC,YAAU,eAAgB,GAAGD,CAAK,A,EACtE,CAMA,SAASE,EAAmB,CAC1B,GAAGF,EACiD,EACpD,OACE,EAACC,EAA4B,CAAC,YAAU,uBAAwB,GAAGD,CAAK,A,EAE5E,CAMA,SAASG,EAAiB,CACxB,GAAGH,EAC+C,EAClD,OACE,EAACC,EAA0B,CAAC,YAAU,qBAAsB,GAAGD,CAAK,A,EAExE,CAMA,SAASI,EAAe,CACtB,GAAGJ,EAC6C,EAChD,OAAO,EAACC,EAAwB,CAAC,YAAU,mBAAoB,GAAGD,CAAK,A,EACzE,CAMA,SAASK,EAAsB,CAC7B,GAAGL,EACoD,EACvD,OACE,EAACC,EAA+B,CAC9B,YAAU,2BACT,GAAGD,CAAK,A,EAGf,CAMA,SAASM,EAAsB,CAC7BC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,MAAAA,CAAK,CACL,GAAGT,EAGJ,EACC,OACE,EAACC,EAA+B,CAC9B,UAAWS,EACT,+QACAF,GAEF,aAAYC,EACZ,YAAU,2BACT,GAAGT,CAAK,C,UAERO,EACD,EAACI,EAAUA,CAAC,UAAU,gB,KAG5B,CAMA,SAASC,EAAsB,CAC7BJ,UAAAA,CAAS,CACT,GAAGR,EACoD,EACvD,OACE,EAACC,EAA2B,C,SAC1B,EAACA,EAA+B,CAC9B,UAAWS,EACT,wsBACAF,GAEF,YAAU,2BACT,GAAGR,CAAK,A,IAIjB,CAMA,SAASa,EAAmB,CAC1BL,UAAAA,CAAS,CACT,GAAGR,EACiD,EACpD,OACE,EAACC,EAA2B,C,SAC1B,EAACA,EAA4B,CAC3B,UAAWS,EACT,iYACAF,GAEF,YAAU,uBACT,GAAGR,CAAK,A,IAIjB,CAMA,SAASc,EAAgB,CACvBN,UAAAA,CAAS,CACTC,MAAAA,CAAK,CACLM,QAAAA,CAAO,CACP,GAAGf,EAIJ,EACC,OACE,EAACC,EAAyB,CACxB,UAAWS,EACT,2hBACAF,GAEF,aAAYC,EACZ,YAAU,oBACV,eAAcM,EACb,GAAGf,CAAK,A,EAGf,CAMA,SAASgB,EAAwB,CAC/BC,QAAAA,CAAO,CACPV,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGR,EACsD,EACzD,OACE,EAACC,EAAiC,CAChC,QAASgB,EACT,UAAWP,EACT,gQACAF,GAEF,YAAU,6BACT,GAAGR,CAAK,C,UAET,EAAC,QAAK,UAAU,mD,SACd,EAACC,EAAkC,C,SACjC,EAACiB,EAAKA,CAAC,UAAU,Q,OAGpBX,E,EAGP,CAMA,SAASY,EAAqB,CAC5BZ,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGR,EACmD,EACtD,OACE,EAACC,EAA8B,CAC7B,UAAWS,EACT,gQACAF,GAEF,YAAU,0BACT,GAAGR,CAAK,C,UAET,EAAC,QAAK,UAAU,mD,SACd,EAACC,EAAkC,C,SACjC,EAACmB,EAAGA,CAAC,UAAU,qB,OAGlBb,E,EAGP,CAMA,SAASc,EAAiB,CACxBb,UAAAA,CAAS,CACTC,MAAAA,CAAK,CACL,GAAGT,EAGJ,EACC,OACE,EAACC,EAA0B,CACzB,UAAWS,EACT,8EACAF,GAEF,aAAYC,EACZ,YAAU,qBACT,GAAGT,CAAK,A,EAGf,CAMA,SAASsB,EAAqB,CAC5Bd,UAAAA,CAAS,CACT,GAAGR,EACmD,EACtD,OACE,EAACC,EAA8B,CAC7B,UAAWS,EAAG,2BAA4BF,GAC1C,YAAU,yBACT,GAAGR,CAAK,A,EAGf,CAMA,SAASuB,EAAoB,CAC3Bf,UAAAA,CAAS,CACT,GAAGR,EACoB,EACvB,OACE,EAAC,QACC,UAAWU,EACT,uHACAF,GAEF,YAAU,wBACT,GAAGR,CAAK,A,EAGf,CAMA,SAASwB,EAAiB,CACxBhB,UAAAA,CAAS,CACT,GAAGR,EAC+C,EAClD,OACE,EAACC,EAA0B,CACzB,UAAWS,EAAG,aAAcF,GAC5B,YAAU,qBACT,GAAGR,CAAK,A,EAGf,Q"}

package/dist/esm/components/data-table/data-table-action-bar.js CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as t from"../button.js";import*as o from"../separator.js";import*as r from"../tooltip.js";import*as s from"../../lib/utils.js";import*as i from"@phosphor-icons/react";import*as a from"motion/react";import*as n from"react";import*as l from"react-dom";import*as c from"../spinner.js";function d({table:t,visible:o,container:r,children:i,className:c,...d}){let[m,p]=n.useState(!1);n.useLayoutEffect(()=>{p(!0)},[]),n.useEffect(()=>{function e(e){"Escape"===e.key&&t.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t]);let x=r??(m?globalThis.document?.body:null);if(!x)return null;let h=o??t.getFilteredSelectedRowModel().rows.length>0;return l.createPortal((0,e.jsx)(a.AnimatePresence,{children:h&&(0,e.jsx)(a.motion.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2,ease:"easeInOut"},className:(0,s.cn)("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-gbm-dark shadow-sm",c),...d,children:i})}),x)}function m({size:o="sm",tooltip:i,isPending:a,disabled:n,className:l,children:d,...m}){let p=(0,e.jsx)(t.Button,{variant:"outline",size:o,className:(0,s.cn)("gap-1.5 [&>svg]:size-3.5","icon"===o?"size-8":"h-8",l),disabled:n||a,...m,children:a?(0,e.jsx)(c.Spinner,{}):d});return i?(0,e.jsxs)(r.Tooltip,{children:[(0,e.jsx)(r.TooltipTrigger,{asChild:!0,children:p}),(0,e.jsx)(r.TooltipContent,{sideOffset:6,className:"[&>span]:hidden",children:(0,e.jsx)("p",{children:i})})]}):p}function p({table:s}){let a=n.useCallback(()=>{s.toggleAllRowsSelected(!1)},[s]);return(0,e.jsxs)("div",{className:"flex h-8 items-center rounded-md border pr-1 pl-2.5",children:[(0,e.jsxs)("span",{className:"whitespace-nowrap text-xs",children:[s.getFilteredSelectedRowModel().rows.length," ",1===s.getFilteredSelectedRowModel().rows.length?"selecionado":"selecionados"]}),(0,e.jsx)(o.Separator,{orientation:"vertical",className:"mr-1 ml-2 data-[orientation=vertical]:h-4"}),(0,e.jsxs)(r.Tooltip,{children:[(0,e.jsx)(r.TooltipTrigger,{asChild:!0,children:(0,e.jsx)(t.Button,{variant:"ghost",size:"icon",className:"size-5",onClick:a,children:(0,e.jsx)(i.X,{className:"size-4"})})}),(0,e.jsxs)(r.TooltipContent,{sideOffset:10,className:"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden",children:[(0,e.jsx)("p",{children:"Limpar sele\xe7\xe3o"}),(0,e.jsx)("kbd",{className:"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs",children:(0,e.jsx)("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}export{d as DataTableActionBar,m as DataTableActionBarAction,p as DataTableActionBarSelection};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Button as o}from"../button.js";import{Separator as r}from"../separator.js";import{Tooltip as i,TooltipContent as n,TooltipTrigger as a}from"../tooltip.js";import{cn as l}from"../../lib/utils.js";import{X as s}from"@phosphor-icons/react";import{AnimatePresence as d,motion as c}from"motion/react";import{useCallback as m,useEffect as p,useLayoutEffect as h,useState as f}from"react";import{createPortal as b}from"react-dom";import{Spinner as g}from"../spinner.js";function u({table:t,visible:o,container:r,children:i,className:n,...a}){let[s,m]=f(!1);h(()=>{m(!0)},[]),p(()=>{function e(e){"Escape"===e.key&&t.toggleAllRowsSelected(!1)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[t]);let g=r??(s?globalThis.document?.body:null);return g?b(e(d,{children:(o??t.getFilteredSelectedRowModel().rows.length>0)&&e(c.div,{role:"toolbar","aria-orientation":"horizontal",initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.2,ease:"easeInOut"},className:l("fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-gbm-dark shadow-sm",n),...a,children:i})}),g):null}function w({size:r="sm",tooltip:s,isPending:d,disabled:c,className:m,children:p,...h}){let f=e(o,{variant:"outline",size:r,className:l("gap-1.5 [&>svg]:size-3.5","icon"===r?"size-8":"h-8",m),disabled:c||d,...h,children:d?e(g,{}):p});return s?t(i,{children:[e(a,{asChild:!0,children:f}),e(n,{sideOffset:6,className:"[&>span]:hidden",children:e("p",{children:s})})]}):f}function x({table:l}){let d=m(()=>{l.toggleAllRowsSelected(!1)},[l]);return t("div",{className:"flex h-8 items-center rounded-md border pr-1 pl-2.5",children:[t("span",{className:"whitespace-nowrap text-xs",children:[l.getFilteredSelectedRowModel().rows.length," ",1===l.getFilteredSelectedRowModel().rows.length?"selecionado":"selecionados"]}),e(r,{orientation:"vertical",className:"mr-1 ml-2 data-[orientation=vertical]:h-4"}),t(i,{children:[e(a,{asChild:!0,children:e(o,{variant:"ghost",size:"icon",className:"size-5",onClick:d,children:e(s,{className:"size-4"})})}),t(n,{sideOffset:10,className:"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden",children:[e("p",{children:"Limpar sele\xe7\xe3o"}),e("kbd",{className:"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs",children:e("abbr",{title:"Escape",className:"no-underline",children:"Esc"})})]})]})]})}export{u as DataTableActionBar,w as DataTableActionBarAction,x as DataTableActionBarSelection};
 //# sourceMappingURL=data-table-action-bar.js.map

package/dist/esm/components/data-table/data-table-action-bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\data-table\\data-table-action-bar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-action-bar.tsx"],"sourcesContent":["\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Separator } from '@/components/separator'\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/tooltip'\r\nimport { cn } from '@/lib/utils'\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\nimport { AnimatePresence, motion } from 'motion/react'\r\nimport * as React from 'react'\r\nimport * as ReactDOM from 'react-dom'\r\nimport { Spinner } from '../spinner'\r\n\r\ninterface DataTableActionBarProps<TData>\r\n extends React.ComponentProps<typeof motion.div> {\r\n table: Table<TData>\r\n visible?: boolean\r\n container?: Element \| DocumentFragment \| null\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n table,\r\n visible: visibleProp,\r\n container: containerProp,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableActionBarProps<TData>) {\r\n const [mounted, setMounted] = React.useState(false)\r\n\r\n React.useLayoutEffect(() => {\r\n setMounted(true)\r\n }, [])\r\n\r\n React.useEffect(() => {\r\n function onKeyDown(event: KeyboardEvent) {\r\n if (event.key === 'Escape') {\r\n table.toggleAllRowsSelected(false)\r\n }\r\n }\r\n\r\n window.addEventListener('keydown', onKeyDown)\r\n return () => window.removeEventListener('keydown', onKeyDown)\r\n }, [table])\r\n\r\n const container =\r\n containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n if (!container) return null\r\n\r\n const visible =\r\n visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n return ReactDOM.createPortal(\r\n <AnimatePresence>\r\n {visible && (\r\n <motion.div\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n initial={{ opacity: 0, y: 20 }}\r\n animate={{ opacity: 1, y: 0 }}\r\n exit={{ opacity: 0, y: 20 }}\r\n transition={{ duration: 0.2, ease: 'easeInOut' }}\r\n className={cn(\r\n 'fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-gbm-dark shadow-sm',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </motion.div>\r\n )}\r\n </AnimatePresence>,\r\n container\r\n )\r\n}\r\n\r\ninterface DataTableActionBarActionProps\r\n extends React.ComponentProps<typeof Button> {\r\n tooltip?: string\r\n isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n size = 'sm',\r\n tooltip,\r\n isPending,\r\n disabled,\r\n className,\r\n children,\r\n ...props\r\n}: DataTableActionBarActionProps) {\r\n const trigger = (\r\n <Button\r\n variant=\"outline\"\r\n size={size}\r\n className={cn(\r\n 'gap-1.5 [&>svg]:size-3.5',\r\n size === 'icon' ? 'size-8' : 'h-8',\r\n className\r\n )}\r\n disabled={disabled \|\| isPending}\r\n {...props}\r\n >\r\n {isPending ? <Spinner /> : children}\r\n </Button>\r\n )\r\n\r\n if (!tooltip) return trigger\r\n\r\n return (\r\n <Tooltip>\r\n <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n <TooltipContent sideOffset={6} className=\"[&>span]:hidden\">\r\n <p>{tooltip}</p>\r\n </TooltipContent>\r\n </Tooltip>\r\n )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n table: Table<TData>\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({\r\n table,\r\n}: DataTableActionBarSelectionProps<TData>) {\r\n const onClearSelection = React.useCallback(() => {\r\n table.toggleAllRowsSelected(false)\r\n }, [table])\r\n\r\n return (\r\n <div className=\"flex h-8 items-center rounded-md border pr-1 pl-2.5\">\r\n <span className=\"whitespace-nowrap text-xs\">\r\n {table.getFilteredSelectedRowModel().rows.length}{' '}\r\n {table.getFilteredSelectedRowModel().rows.length === 1\r\n ? 'selecionado'\r\n : 'selecionados'}\r\n </span>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mr-1 ml-2 data-[orientation=vertical]:h-4\"\r\n />\r\n <Tooltip>\r\n <TooltipTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className=\"size-5\"\r\n onClick={onClearSelection}\r\n >\r\n <X className=\"size-4\" />\r\n </Button>\r\n </TooltipTrigger>\r\n <TooltipContent\r\n sideOffset={10}\r\n className=\"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden\"\r\n >\r\n <p>Limpar seleção</p>\r\n <kbd className=\"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs\">\r\n <abbr title=\"Escape\" className=\"no-underline\">\r\n Esc\r\n </abbr>\r\n </kbd>\r\n </TooltipContent>\r\n </Tooltip>\r\n </div>\r\n )\r\n}\r\n\r\nexport {\r\n DataTableActionBar,\r\n DataTableActionBarAction,\r\n DataTableActionBarSelection,\r\n}\r\n"],"names":["DataTableActionBar","table","visibleProp","containerProp","children","className","props","mounted","setMounted","React","onKeyDown","event","window","container","globalThis","~~visible~~","~~ReactDOM~~","~~AnimatePresence~~","motion","cn","DataTableActionBarAction","size","tooltip","isPending","disabled","trigger","Button","Spinner","Tooltip","TooltipTrigger","TooltipContent","DataTableActionBarSelection","onClearSelection","Separator","X"],"mappings":";~~qUAoBA~~,SAASA,EAA0B,CACjCC,MAAAA,CAAK,CACL,QAASC,CAAW,CACpB,UAAWC,CAAa,CACxBC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGC,EAC4B,EAC/B,GAAM,CAACC,EAASC,EAAW,CAAGC,~~EAAAA~~,~~QAAc,CAAC,~~IAE7CA,~~EAAAA~~,~~eAAqB,CAAC,~~KACpBD,EAAW,GACb,EAAG,EAAE,EAELC,~~EAAAA~~,~~SAAe,CAAC,~~KACd,SAASC,EAAUC,CAAoB,EACjCA,WAAAA,EAAM,GAAG,EACXV,EAAM,qBAAqB,CAAC,GAEhC,CAGA,OADAW,OAAO,gBAAgB,CAAC,UAAWF,GAC5B,IAAME,OAAO,mBAAmB,CAAC,UAAWF,EACrD,EAAG,CAACT,EAAM,EAEV,IAAMY,EACJV,GAAkBI,CAAAA,EAAUO,WAAW,QAAQ,EAAE,KAAO,IAAG,~~EAE7D~~,~~GAAI~~,~~CAACD~~,~~EAAW~~,~~OAAO~~,~~KAEvB~~,~~IAAME~~,~~EACJb~~,GAAeD,EAAM,2BAA2B,GAAG,IAAI,CAAC,MAAM,CAAG,~~EAEnE~~,~~OAAOe~~,~~EAAAA~~,~~YAAqB~~,~~CAC1B,UAACC,EAAAA,eAAeA,CAAAA,C,SACbF,GACC,UAACG,EAAAA,MAAAA,CAAAA,GAAU,~~EACT,KAAK,UACL,mBAAiB,aACjB,QAAS,CAAE,QAAS,EAAG,EAAG,EAAG,EAC7B,QAAS,CAAE,QAAS,EAAG,EAAG,CAAE,EAC5B,KAAM,CAAE,QAAS,EAAG,EAAG,EAAG,EAC1B,WAAY,CAAE,SAAU,GAAK,KAAM,WAAY,EAC/C,UAAWC,~~GAAAA,EAAAA,EAAAA,~~EACT,2JACAd,GAED,GAAGC,CAAK,C,SAERF,C,KAIPS,~~EAEJ~~,CAQA,SAASO,EAAyB,CAChCC,KAAAA,EAAO,IAAI,CACXC,QAAAA,CAAO,CACPC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRnB,UAAAA,CAAS,CACTD,SAAAA,CAAQ,CACR,GAAGE,EAC2B,EAC9B,IAAMmB,EACJ,~~UAACC~~,~~EAAAA~~,~~MAAMA,CAAAA,~~CACL,QAAQ,UACR,KAAML,EACN,UAAWF,~~GAAAA,EAAAA,EAAAA,~~EACT,2BACAE,SAAAA,EAAkB,SAAW,MAC7BhB,GAEF,SAAUmB,GAAYD,EACrB,GAAGjB,CAAK,C,SAERiB,EAAY,~~UAACI~~,~~EAAAA~~,~~OAAOA,~~CAAAA,~~CAAAA,~~GAAMvB,C,UAI/B,EAGE,~~WAACwB~~,~~EAAAA~~,~~OAAOA,CAAAA,~~C,UACN,~~UAACC~~,~~EAAAA~~,~~cAAcA,CAAAA,~~CAAC,QAAO,G,SAAEJ,C,GACzB,~~UAACK~~,~~EAAAA~~,~~cAAcA,CAAAA,~~CAAC,WAAY,EAAG,UAAU,kB,SACvC,~~UAAC~~,K,SAAGR,C,QANWG,CAUvB,CAMA,SAASM,EAAmC,CAC1C9B,MAAAA,CAAK,CACmC,EACxC,IAAM+B,EAAmBvB,~~EAAAA~~,~~WAAiB,CAAC,~~KACzCR,EAAM,qBAAqB,CAAC,GAC9B,EAAG,CAACA,EAAM,EAEV,~~MACE~~,~~WAAC~~,OAAI,UAAU,sD,UACb,~~WAAC~~,QAAK,UAAU,4B,UACbA,EAAM,2BAA2B,GAAG,IAAI,CAAC,MAAM,CAAE,IACjDA,IAAAA,EAAM,2BAA2B,GAAG,IAAI,CAAC,MAAM,CAC5C,cACA,e,GAEN,~~UAACgC~~,~~EAAAA~~,~~SAASA,CAAAA,~~CACR,YAAY,WACZ,UAAU,2C,GAEZ,~~WAACL~~,~~EAAAA~~,~~OAAOA,CAAAA,~~C,UACN,~~UAACC~~,~~EAAAA~~,~~cAAcA,CAAAA,~~CAAC,QAAO,G,SACrB,~~UAACH~~,~~EAAAA~~,~~MAAMA,CAAAA,~~CACL,QAAQ,QACR,KAAK,OACL,UAAU,SACV,QAASM,E,SAET,~~UAACE~~,~~EAAAA~~,~~CAACA,CAAAA,~~CAAC,UAAU,Q,OAGjB,~~WAACJ~~,~~EAAAA~~,~~cAAcA,CAAAA,~~CACb,WAAY,GACZ,UAAU,kG,UAEV,~~UAAC~~,K,SAAE,sB,GACH,~~UAAC~~,OAAI,UAAU,oH,SACb,~~UAAC~~,QAAK,MAAM,SAAS,UAAU,e,SAAe,K,aAQ1D,Q"}
1	+ {"version":3,"file":"components\\data-table\\data-table-action-bar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-action-bar.tsx"],"sourcesContent":["\r\n\r\nimport { Button } from '@/components/button'\r\nimport { Separator } from '@/components/separator'\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/tooltip'\r\nimport { cn } from '@/lib/utils'\r\nimport { X } from '@phosphor-icons/react'\r\nimport type { Table } from '@tanstack/react-table'\r\nimport { AnimatePresence, motion } from 'motion/react'\r\nimport * as React from 'react'\r\nimport * as ReactDOM from 'react-dom'\r\nimport { Spinner } from '../spinner'\r\n\r\ninterface DataTableActionBarProps<TData>\r\n extends React.ComponentProps<typeof motion.div> {\r\n table: Table<TData>\r\n visible?: boolean\r\n container?: Element \| DocumentFragment \| null\r\n}\r\n\r\nfunction DataTableActionBar<TData>({\r\n table,\r\n visible: visibleProp,\r\n container: containerProp,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableActionBarProps<TData>) {\r\n const [mounted, setMounted] = React.useState(false)\r\n\r\n React.useLayoutEffect(() => {\r\n setMounted(true)\r\n }, [])\r\n\r\n React.useEffect(() => {\r\n function onKeyDown(event: KeyboardEvent) {\r\n if (event.key === 'Escape') {\r\n table.toggleAllRowsSelected(false)\r\n }\r\n }\r\n\r\n window.addEventListener('keydown', onKeyDown)\r\n return () => window.removeEventListener('keydown', onKeyDown)\r\n }, [table])\r\n\r\n const container =\r\n containerProp ?? (mounted ? globalThis.document?.body : null)\r\n\r\n if (!container) return null\r\n\r\n const visible =\r\n visibleProp ?? table.getFilteredSelectedRowModel().rows.length > 0\r\n\r\n return ReactDOM.createPortal(\r\n <AnimatePresence>\r\n {visible && (\r\n <motion.div\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n initial={{ opacity: 0, y: 20 }}\r\n animate={{ opacity: 1, y: 0 }}\r\n exit={{ opacity: 0, y: 20 }}\r\n transition={{ duration: 0.2, ease: 'easeInOut' }}\r\n className={cn(\r\n 'fixed inset-x-0 bottom-6 z-50 mx-auto flex w-fit flex-wrap items-center justify-center gap-2 rounded-md border bg-background p-2 text-gbm-dark shadow-sm',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </motion.div>\r\n )}\r\n </AnimatePresence>,\r\n container\r\n )\r\n}\r\n\r\ninterface DataTableActionBarActionProps\r\n extends React.ComponentProps<typeof Button> {\r\n tooltip?: string\r\n isPending?: boolean\r\n}\r\n\r\nfunction DataTableActionBarAction({\r\n size = 'sm',\r\n tooltip,\r\n isPending,\r\n disabled,\r\n className,\r\n children,\r\n ...props\r\n}: DataTableActionBarActionProps) {\r\n const trigger = (\r\n <Button\r\n variant=\"outline\"\r\n size={size}\r\n className={cn(\r\n 'gap-1.5 [&>svg]:size-3.5',\r\n size === 'icon' ? 'size-8' : 'h-8',\r\n className\r\n )}\r\n disabled={disabled \|\| isPending}\r\n {...props}\r\n >\r\n {isPending ? <Spinner /> : children}\r\n </Button>\r\n )\r\n\r\n if (!tooltip) return trigger\r\n\r\n return (\r\n <Tooltip>\r\n <TooltipTrigger asChild>{trigger}</TooltipTrigger>\r\n <TooltipContent sideOffset={6} className=\"[&>span]:hidden\">\r\n <p>{tooltip}</p>\r\n </TooltipContent>\r\n </Tooltip>\r\n )\r\n}\r\n\r\ninterface DataTableActionBarSelectionProps<TData> {\r\n table: Table<TData>\r\n}\r\n\r\nfunction DataTableActionBarSelection<TData>({\r\n table,\r\n}: DataTableActionBarSelectionProps<TData>) {\r\n const onClearSelection = React.useCallback(() => {\r\n table.toggleAllRowsSelected(false)\r\n }, [table])\r\n\r\n return (\r\n <div className=\"flex h-8 items-center rounded-md border pr-1 pl-2.5\">\r\n <span className=\"whitespace-nowrap text-xs\">\r\n {table.getFilteredSelectedRowModel().rows.length}{' '}\r\n {table.getFilteredSelectedRowModel().rows.length === 1\r\n ? 'selecionado'\r\n : 'selecionados'}\r\n </span>\r\n <Separator\r\n orientation=\"vertical\"\r\n className=\"mr-1 ml-2 data-[orientation=vertical]:h-4\"\r\n />\r\n <Tooltip>\r\n <TooltipTrigger asChild>\r\n <Button\r\n variant=\"ghost\"\r\n size=\"icon\"\r\n className=\"size-5\"\r\n onClick={onClearSelection}\r\n >\r\n <X className=\"size-4\" />\r\n </Button>\r\n </TooltipTrigger>\r\n <TooltipContent\r\n sideOffset={10}\r\n className=\"flex items-center gap-2 border bg-gray-50 px-2 py-1 font-semibold text-gbm-dark [&>span]:hidden\"\r\n >\r\n <p>Limpar seleção</p>\r\n <kbd className=\"select-none rounded border bg-background px-1.5 py-px font-mono font-normal text-[0.7rem] text-gbm-dark shadow-xs\">\r\n <abbr title=\"Escape\" className=\"no-underline\">\r\n Esc\r\n </abbr>\r\n </kbd>\r\n </TooltipContent>\r\n </Tooltip>\r\n </div>\r\n )\r\n}\r\n\r\nexport {\r\n DataTableActionBar,\r\n DataTableActionBarAction,\r\n DataTableActionBarSelection,\r\n}\r\n"],"names":["DataTableActionBar","table","visibleProp","containerProp","children","className","props","mounted","setMounted","React","onKeyDown","event","window","container","globalThis","ReactDOM","AnimatePresence","visible","motion","cn","DataTableActionBarAction","size","tooltip","isPending","disabled","trigger","Button","Spinner","Tooltip","TooltipTrigger","TooltipContent","DataTableActionBarSelection","onClearSelection","Separator","X"],"mappings":";wgBAoBA,SAASA,EAA0B,CACjCC,MAAAA,CAAK,CACL,QAASC,CAAW,CACpB,UAAWC,CAAa,CACxBC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGC,EAC4B,EAC/B,GAAM,CAACC,EAASC,EAAW,CAAGC,EAAe,IAE7CA,EAAsB,KACpBD,EAAW,GACb,EAAG,EAAE,EAELC,EAAgB,KACd,SAASC,EAAUC,CAAoB,EACjCA,WAAAA,EAAM,GAAG,EACXV,EAAM,qBAAqB,CAAC,GAEhC,CAGA,OADAW,OAAO,gBAAgB,CAAC,UAAWF,GAC5B,IAAME,OAAO,mBAAmB,CAAC,UAAWF,EACrD,EAAG,CAACT,EAAM,EAEV,IAAMY,EACJV,GAAkBI,CAAAA,EAAUO,WAAW,QAAQ,EAAE,KAAO,IAAG,SAE7D,EAKOC,EACL,EAACC,EAAeA,C,SACbC,CAJHf,GAAeD,EAAM,2BAA2B,GAAG,IAAI,CAAC,MAAM,CAAG,IAK7D,EAACiB,EAAO,GAAG,EACT,KAAK,UACL,mBAAiB,aACjB,QAAS,CAAE,QAAS,EAAG,EAAG,EAAG,EAC7B,QAAS,CAAE,QAAS,EAAG,EAAG,CAAE,EAC5B,KAAM,CAAE,QAAS,EAAG,EAAG,EAAG,EAC1B,WAAY,CAAE,SAAU,GAAK,KAAM,WAAY,EAC/C,UAAWC,EACT,2JACAd,GAED,GAAGC,CAAK,C,SAERF,C,KAIPS,GAzBqB,IA2BzB,CAQA,SAASO,EAAyB,CAChCC,KAAAA,EAAO,IAAI,CACXC,QAAAA,CAAO,CACPC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRnB,UAAAA,CAAS,CACTD,SAAAA,CAAQ,CACR,GAAGE,EAC2B,EAC9B,IAAMmB,EACJ,EAACC,EAAMA,CACL,QAAQ,UACR,KAAML,EACN,UAAWF,EACT,2BACAE,SAAAA,EAAkB,SAAW,MAC7BhB,GAEF,SAAUmB,GAAYD,EACrB,GAAGjB,CAAK,C,SAERiB,EAAY,EAACI,EAAOA,CAAAA,GAAMvB,C,UAI/B,EAGE,EAACwB,EAAOA,C,UACN,EAACC,EAAcA,CAAC,QAAO,G,SAAEJ,C,GACzB,EAACK,EAAcA,CAAC,WAAY,EAAG,UAAU,kB,SACvC,EAAC,K,SAAGR,C,QANWG,CAUvB,CAMA,SAASM,EAAmC,CAC1C9B,MAAAA,CAAK,CACmC,EACxC,IAAM+B,EAAmBvB,EAAkB,KACzCR,EAAM,qBAAqB,CAAC,GAC9B,EAAG,CAACA,EAAM,EAEV,OACE,EAAC,OAAI,UAAU,sD,UACb,EAAC,QAAK,UAAU,4B,UACbA,EAAM,2BAA2B,GAAG,IAAI,CAAC,MAAM,CAAE,IACjDA,IAAAA,EAAM,2BAA2B,GAAG,IAAI,CAAC,MAAM,CAC5C,cACA,e,GAEN,EAACgC,EAASA,CACR,YAAY,WACZ,UAAU,2C,GAEZ,EAACL,EAAOA,C,UACN,EAACC,EAAcA,CAAC,QAAO,G,SACrB,EAACH,EAAMA,CACL,QAAQ,QACR,KAAK,OACL,UAAU,SACV,QAASM,E,SAET,EAACE,EAACA,CAAC,UAAU,Q,OAGjB,EAACJ,EAAcA,CACb,WAAY,GACZ,UAAU,kG,UAEV,EAAC,K,SAAE,sB,GACH,EAAC,OAAI,UAAU,oH,SACb,EAAC,QAAK,MAAM,SAAS,UAAU,e,SAAe,K,aAQ1D,Q"}

package/dist/esm/components/data-table/data-table-advanced-toolbar.js CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as a from"./data-table-view-options.js";import*as t from"../../lib/utils.js";function i({table:i,children:s,className:r,...l}){return(0,e.jsxs)("div",{role:"toolbar","aria-orientation":"horizontal",className:(0,t.cn)("flex w-full items-start justify-between gap-2 p-1",r),...l,children:[(0,e.jsx)("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:s}),(0,e.jsx)("div",{className:"flex items-center gap-2",children:(0,e.jsx)(a.DataTableViewOptions,{table:i})})]})}export{i as DataTableAdvancedToolbar};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{DataTableViewOptions as a}from"./data-table-view-options.js";import{cn as r}from"../../lib/utils.js";function i({table:i,children:l,className:o,...s}){return t("div",{role:"toolbar","aria-orientation":"horizontal",className:r("flex w-full items-start justify-between gap-2 p-1",o),...s,children:[e("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:l}),e("div",{className:"flex items-center gap-2",children:e(a,{table:i})})]})}export{i as DataTableAdvancedToolbar};
 //# sourceMappingURL=data-table-advanced-toolbar.js.map

package/dist/esm/components/data-table/data-table-advanced-toolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components\\data-table\\data-table-advanced-toolbar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-advanced-toolbar.tsx"],"sourcesContent":["\r\n\r\nimport type { Table } from '@tanstack/react-table'\r\nimport type * as React from 'react'\r\n\r\nimport { DataTableViewOptions } from '@/components/data-table/data-table-view-options'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableAdvancedToolbarProps<TData>\r\n extends React.ComponentProps<'div'> {\r\n table: Table<TData>\r\n}\r\n\r\nexport function DataTableAdvancedToolbar<TData>({\r\n table,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableAdvancedToolbarProps<TData>) {\r\n return (\r\n <div\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n className={cn(\r\n 'flex w-full items-start justify-between gap-2 p-1',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <div className=\"flex flex-1 flex-wrap items-center gap-2\">{children}</div>\r\n <div className=\"flex items-center gap-2\">\r\n <DataTableViewOptions table={table} />\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"names":["DataTableAdvancedToolbar","table","children","className","props","cn","DataTableViewOptions"],"mappings":";~~wHAaO~~,SAASA,EAAgC,CAC9CC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGC,EACkC,EACrC,~~MACE~~,~~WAAC~~,OACC,KAAK,UACL,mBAAiB,aACjB,UAAWC,~~GAAAA,EAAAA,EAAAA,~~EACT,oDACAF,GAED,GAAGC,CAAK,C,UAET,~~UAAC~~,OAAI,UAAU,2C,SAA4CF,C,GAC3D,~~UAAC~~,OAAI,UAAU,0B,SACb,~~UAACI~~,~~EAAAA~~,~~oBAAoBA,CAAAA,~~CAAC,MAAOL,C,OAIrC,Q"}
1	+ {"version":3,"file":"components\\data-table\\data-table-advanced-toolbar.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/data-table/data-table-advanced-toolbar.tsx"],"sourcesContent":["\r\n\r\nimport type { Table } from '@tanstack/react-table'\r\nimport type * as React from 'react'\r\n\r\nimport { DataTableViewOptions } from '@/components/data-table/data-table-view-options'\r\nimport { cn } from '@/lib/utils'\r\n\r\ninterface DataTableAdvancedToolbarProps<TData>\r\n extends React.ComponentProps<'div'> {\r\n table: Table<TData>\r\n}\r\n\r\nexport function DataTableAdvancedToolbar<TData>({\r\n table,\r\n children,\r\n className,\r\n ...props\r\n}: DataTableAdvancedToolbarProps<TData>) {\r\n return (\r\n <div\r\n role=\"toolbar\"\r\n aria-orientation=\"horizontal\"\r\n className={cn(\r\n 'flex w-full items-start justify-between gap-2 p-1',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <div className=\"flex flex-1 flex-wrap items-center gap-2\">{children}</div>\r\n <div className=\"flex items-center gap-2\">\r\n <DataTableViewOptions table={table} />\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"names":["DataTableAdvancedToolbar","table","children","className","props","cn","DataTableViewOptions"],"mappings":";8JAaO,SAASA,EAAgC,CAC9CC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGC,EACkC,EACrC,OACE,EAAC,OACC,KAAK,UACL,mBAAiB,aACjB,UAAWC,EACT,oDACAF,GAED,GAAGC,CAAK,C,UAET,EAAC,OAAI,UAAU,2C,SAA4CF,C,GAC3D,EAAC,OAAI,UAAU,0B,SACb,EAACI,EAAoBA,CAAC,MAAOL,C,OAIrC,Q"}

package/dist/esm/components/data-table/data-table-column-header.js CHANGED Viewed

@@ -1,3 +1,3 @@
 'use client'
-import*as e from"react/jsx-runtime";import*as s from"@phosphor-icons/react";import*as t from"../dropdown-menu.js";import*as r from"../../lib/utils.js";function o({column:o,title:n,className:a,...i}){return o.getCanSort()||o.getCanHide()?(0,e.jsxs)(t.DropdownMenu,{children:[(0,e.jsxs)(t.DropdownMenuTrigger,{className:(0,r.cn)("-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-gray-50 focus:outline-none focus:ring-1 focus:ring-stroke data-[state=open]:bg-muted [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-foreground",a),...i,children:[n,o.getCanSort()&&("desc"===o.getIsSorted()?(0,e.jsx)(s.CaretDownIcon,{weight:"bold"}):"asc"===o.getIsSorted()?(0,e.jsx)(s.CaretUpIcon,{weight:"bold"}):(0,e.jsx)(s.CaretUpDownIcon,{weight:"bold"}))]}),(0,e.jsxs)(t.DropdownMenuContent,{align:"start",className:"w-28",children:[o.getCanSort()&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(t.DropdownMenuCheckboxItem,{className:"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:"asc"===o.getIsSorted(),onClick:()=>o.toggleSorting(!1),children:[(0,e.jsx)(s.CaretUpIcon,{className:"size-4"}),"Asc"]}),(0,e.jsxs)(t.DropdownMenuCheckboxItem,{className:"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:"desc"===o.getIsSorted(),onClick:()=>o.toggleSorting(!0),children:[(0,e.jsx)(s.CaretDownIcon,{className:"size-4"}),"Desc"]}),o.getIsSorted()&&(0,e.jsxs)(t.DropdownMenuItem,{className:"gap-2 pl-2 [&_svg]:text-muted-foreground",onClick:()=>o.clearSorting(),children:[(0,e.jsx)(s.XIcon,{className:"size-4"}),"Resetar"]})]}),o.getCanHide()&&(0,e.jsxs)(t.DropdownMenuCheckboxItem,{className:"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:!o.getIsVisible(),onClick:()=>o.toggleVisibility(!1),children:[(0,e.jsx)(s.EyeSlashIcon,{className:"size-4"}),"Ocultar"]})]})]}):(0,e.jsx)("div",{className:(0,r.cn)(a),children:n})}export{o as DataTableColumnHeader};
+import{Fragment as e,jsx as t,jsxs as s}from"react/jsx-runtime";import{CaretDownIcon as r,CaretUpDownIcon as i,CaretUpIcon as a,EyeSlashIcon as o,XIcon as l}from"@phosphor-icons/react";import{DropdownMenu as c,DropdownMenuCheckboxItem as n,DropdownMenuContent as g,DropdownMenuItem as d,DropdownMenuTrigger as m}from"../dropdown-menu.js";import{cn as h}from"../../lib/utils.js";function p({column:p,title:u,className:f,...v}){return p.getCanSort()||p.getCanHide()?s(c,{children:[s(m,{className:h("-ml-1.5 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 hover:bg-gray-50 focus:outline-none focus:ring-1 focus:ring-stroke data-[state=open]:bg-muted [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-foreground",f),...v,children:[u,p.getCanSort()&&("desc"===p.getIsSorted()?t(r,{weight:"bold"}):"asc"===p.getIsSorted()?t(a,{weight:"bold"}):t(i,{weight:"bold"}))]}),s(g,{align:"start",className:"w-28",children:[p.getCanSort()&&s(e,{children:[s(n,{className:"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:"asc"===p.getIsSorted(),onClick:()=>p.toggleSorting(!1),children:[t(a,{className:"size-4"}),"Asc"]}),s(n,{className:"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:"desc"===p.getIsSorted(),onClick:()=>p.toggleSorting(!0),children:[t(r,{className:"size-4"}),"Desc"]}),p.getIsSorted()&&s(d,{className:"gap-2 pl-2 [&_svg]:text-muted-foreground",onClick:()=>p.clearSorting(),children:[t(l,{className:"size-4"}),"Resetar"]})]}),p.getCanHide()&&s(n,{className:"relative gap-2 pr-8 pl-2 [&>span:first-child]:right-2 [&>span:first-child]:left-auto [&_svg]:text-muted-foreground",checked:!p.getIsVisible(),onClick:()=>p.toggleVisibility(!1),children:[t(o,{className:"size-4"}),"Ocultar"]})]})]}):t("div",{className:h(f),children:u})}export{p as DataTableColumnHeader};
 //# sourceMappingURL=data-table-column-header.js.map