@trsys-tech/matrix-library 0.3.3 → 0.3.5
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.
- package/dist/badge.es.js.map +1 -1
- package/dist/breadcrumb.es.js.map +1 -1
- package/dist/button.es.js.map +1 -1
- package/dist/calendar.es.js.map +1 -1
- package/dist/card.es.js.map +1 -1
- package/dist/chip.es.js.map +1 -1
- package/dist/collapsible.es.js.map +1 -1
- package/dist/combobox.es.js +84 -32
- package/dist/combobox.es.js.map +1 -1
- package/dist/command.es.js +60 -47
- package/dist/command.es.js.map +1 -1
- package/dist/components/badge/Badge.d.ts.map +1 -1
- package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/components/button/Button.d.ts.map +1 -1
- package/dist/components/card/Card.d.ts.map +1 -1
- package/dist/components/chip/Chip.d.ts.map +1 -1
- package/dist/components/collapsible/Collapsible.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.d.ts +68 -59
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/command/Command.d.ts +5 -2
- package/dist/components/command/Command.d.ts.map +1 -1
- package/dist/components/confirm/Confirm.d.ts.map +1 -1
- package/dist/components/data-grid/DataGrid.d.ts.map +1 -1
- package/dist/components/date-picker/DatePicker.d.ts.map +1 -1
- package/dist/components/date-picker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/date-picker/DesktopTimePicker.d.ts.map +1 -1
- package/dist/components/date-picker/MobileTimePicker.d.ts.map +1 -1
- package/dist/components/date-picker/TimePicker.d.ts.map +1 -1
- package/dist/components/date-picker/calendar.d.ts.map +1 -1
- package/dist/components/dialog/Dialog.d.ts.map +1 -1
- package/dist/components/form/Form.d.ts.map +1 -1
- package/dist/components/form-checkbox/FormCheckbox.d.ts.map +1 -1
- package/dist/components/form-combobox/FormCombobox.d.ts +2 -7
- package/dist/components/form-combobox/FormCombobox.d.ts.map +1 -1
- package/dist/components/form-date-picker/FormDatePicker.d.ts.map +1 -1
- package/dist/components/form-date-range-picker/FormDateRangePicker.d.ts.map +1 -1
- package/dist/components/form-input/FormInput.d.ts.map +1 -1
- package/dist/components/form-multi-select/FormMultiSelect.d.ts.map +1 -1
- package/dist/components/form-rating/FormRating.d.ts.map +1 -1
- package/dist/components/form-select/FormSelect.d.ts.map +1 -1
- package/dist/components/form-switch/FormSwitch.d.ts.map +1 -1
- package/dist/components/form-textarea/FormTextarea.d.ts.map +1 -1
- package/dist/components/form-time-picker/FormTimePicker.d.ts.map +1 -1
- package/dist/components/icon-botton/IconButton.d.ts.map +1 -1
- package/dist/components/modal/Modal.d.ts.map +1 -1
- package/dist/components/multi-select/MultiSelect.d.ts.map +1 -1
- package/dist/components/select/Select.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.d.ts.map +1 -1
- package/dist/components/text-field/TextField.d.ts +2 -2
- package/dist/components/text-field/TextField.d.ts.map +1 -1
- package/dist/components/toast/Toast.d.ts.map +1 -1
- package/dist/components/toast/toast-components.d.ts.map +1 -1
- package/dist/components/toast/use-toast.d.ts.map +1 -1
- package/dist/confirm.es.js.map +1 -1
- package/dist/datagrid.es.js +41 -41
- package/dist/datagrid.es.js.map +1 -1
- package/dist/datepicker.es.js.map +1 -1
- package/dist/daterangepicker.es.js.map +1 -1
- package/dist/desktopdatepicker.es.js +33 -33
- package/dist/desktopdatepicker.es.js.map +1 -1
- package/dist/desktopdaterangepicker.es.js +33 -33
- package/dist/desktopdaterangepicker.es.js.map +1 -1
- package/dist/desktoptimepicker.es.js +27 -23
- package/dist/desktoptimepicker.es.js.map +1 -1
- package/dist/dialog.es.js.map +1 -1
- package/dist/form.es.js.map +1 -1
- package/dist/formcheckbox.es.js +4 -4
- package/dist/formcheckbox.es.js.map +1 -1
- package/dist/formcombobox.es.js +46 -103
- package/dist/formcombobox.es.js.map +1 -1
- package/dist/formdatepicker.es.js +11 -11
- package/dist/formdatepicker.es.js.map +1 -1
- package/dist/formdaterangepicker.es.js +12 -12
- package/dist/formdaterangepicker.es.js.map +1 -1
- package/dist/forminput.es.js +8 -8
- package/dist/forminput.es.js.map +1 -1
- package/dist/formmultiselect.es.js +10 -10
- package/dist/formmultiselect.es.js.map +1 -1
- package/dist/formrating.es.js +21 -21
- package/dist/formrating.es.js.map +1 -1
- package/dist/formselect.es.js +11 -11
- package/dist/formselect.es.js.map +1 -1
- package/dist/formswitch.es.js +7 -7
- package/dist/formswitch.es.js.map +1 -1
- package/dist/formtextarea.es.js +5 -5
- package/dist/formtextarea.es.js.map +1 -1
- package/dist/formtimepicker.es.js +5 -5
- package/dist/formtimepicker.es.js.map +1 -1
- package/dist/iconbutton.es.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +205 -193
- package/dist/index.es.js.map +1 -1
- package/dist/mobiledatepicker.es.js +38 -38
- package/dist/mobiledatepicker.es.js.map +1 -1
- package/dist/mobiledaterangepicker.es.js +51 -51
- package/dist/mobiledaterangepicker.es.js.map +1 -1
- package/dist/mobiletimepicker.es.js +30 -26
- package/dist/mobiletimepicker.es.js.map +1 -1
- package/dist/modal.es.js.map +1 -1
- package/dist/multiselect.es.js +114 -106
- package/dist/multiselect.es.js.map +1 -1
- package/dist/select.es.js +1 -1
- package/dist/select.es.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/tabs.es.js.map +1 -1
- package/dist/textfield.es.js +12 -11
- package/dist/textfield.es.js.map +1 -1
- package/dist/timepicker.es.js.map +1 -1
- package/dist/toast-components.es.js.map +1 -1
- package/dist/toast.es.js.map +1 -1
- package/dist/use-toast.es.js.map +1 -1
- package/package.json +1 -1
package/dist/badge.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.es.js","sources":["../src/components/badge/Badge.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"badge.es.js","sources":["../src/components/badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst badgeVariants = tv({\r\n base: \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\r\n variants: {\r\n variant: {\r\n primary: \"border-transparent bg-primary text-primary-foreground hover:bg-primary-600\",\r\n secondary: \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary-600\",\r\n outline: \"border border-primary text-primary hover:bg-primary-50\",\r\n danger: \"border-transparent bg-danger text-danger-foreground hover:bg-danger-600\",\r\n success: \"border-transparent bg-success text-success-foreground hover:bg-success-600\",\r\n warning: \"border-transparent bg-warning text-warning-foreground hover:bg-warning-600\",\r\n info: \"border-transparent bg-info text-info-foreground hover:bg-info-600\",\r\n primaryInverse: \"border-transparent bg-primary-100 text-primary-700 hover:bg-primary-50\",\r\n successInverse: \"border-transparent bg-success-300 text-success-700 hover:bg-success-200\",\r\n dangerInverse: \"border-transparent bg-danger-300 text-danger-700 hover:bg-danger-200\",\r\n warningInverse: \"border-transparent bg-warning-300 text-warning-700 hover:bg-warning-200\",\r\n infoInverse: \"border-transparent bg-info-300 text-info-700 hover:bg-info-200\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n },\r\n});\r\n\r\nexport type BadgeVariant = VariantProps<typeof badgeVariants>[\"variant\"];\r\n\r\ninterface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n variant?: BadgeVariant;\r\n}\r\n\r\nconst Badge: React.FC<BadgeProps> = ({ className, variant, ...props }) => {\r\n return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\r\n};\r\n\r\nexport { Badge, type BadgeProps };\r\n"],"names":["badgeVariants","tv","Badge","className","variant","props","jsx","cn"],"mappings":";;;AAOA,MAAMA,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,aAAa;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAQKC,IAA8B,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QACpD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAS,CAAA,GAAGD,CAAS,GAAI,GAAGE,EAAO,CAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.es.js","sources":["../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"breadcrumb.es.js","sources":["../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { ChevronRight, Elipsis } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst Breadcrumb = React.forwardRef<\r\n HTMLElement,\r\n React.ComponentPropsWithoutRef<\"nav\"> & {\r\n separator?: React.ReactNode;\r\n }\r\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\r\nBreadcrumb.displayName = \"Breadcrumb\";\r\n\r\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<\"ol\">>(({ className, ...props }, ref) => (\r\n <ol ref={ref} className={cn(\"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\", className)} {...props} />\r\n));\r\nBreadcrumbList.displayName = \"BreadcrumbList\";\r\n\r\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<\"li\">>(({ className, ...props }, ref) => (\r\n <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\r\n));\r\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\r\n\r\nconst BreadcrumbLink = React.forwardRef<\r\n HTMLAnchorElement,\r\n React.ComponentPropsWithoutRef<\"a\"> & {\r\n asChild?: boolean;\r\n }\r\n>(({ asChild, className, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"a\";\r\n\r\n return <Comp ref={ref} className={cn(\"transition-colors hover:text-foreground\", className)} {...props} />;\r\n});\r\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\r\n\r\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<\"span\">>(({ className, ...props }, ref) => (\r\n <span ref={ref} role=\"link\" aria-disabled=\"true\" aria-current=\"page\" className={cn(\"font-normal text-foreground\", className)} {...props} />\r\n));\r\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\r\n\r\nconst BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<\"li\">) => (\r\n <li role=\"presentation\" aria-hidden=\"true\" className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3\", className)} {...props}>\r\n {children ?? <ChevronRight />}\r\n </li>\r\n);\r\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\r\n\r\nconst BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\r\n <span role=\"presentation\" aria-hidden=\"true\" className={cn(\"flex h-9 w-9 items-center justify-center\", className)} {...props}>\r\n <Elipsis className=\"h-4 w-4\" />\r\n <span className=\"sr-only\">More</span>\r\n </span>\r\n);\r\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\";\r\n\r\nexport { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis };\r\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","Elipsis"],"mappings":";;;;;AAQA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAM,GAAGC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEnB,MAAAK,IAAiBJ,EAAM,WAAmE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAS,GAAAC,wBACvH,MAAG,EAAA,KAAAA,GAAU,WAAWI,EAAG,4FAA4FD,CAAS,GAAI,GAAGJ,GAAO,CAChJ;AACDG,EAAe,cAAc;AAEvB,MAAAG,IAAiBP,EAAM,WAAgE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAS,GAAAC,wBACpH,MAAG,EAAA,KAAAA,GAAU,WAAWI,EAAG,oCAAoCD,CAAS,GAAI,GAAGJ,GAAO,CACxF;AACDM,EAAe,cAAc;AAEvB,MAAAC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAM,GAAGC,MAG5B,gBAAAC,EAFMM,IAAUC,IAAO,OAEjB,KAAAR,GAAU,WAAWI,EAAG,2CAA2CD,CAAS,GAAI,GAAGJ,GAAO,CACxG;AACDO,EAAe,cAAc;AAEvB,MAAAG,IAAiBX,EAAM,WAAoE,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAM,GAAGC,MACzH,gBAAAC,EAAC,QAAK,EAAA,KAAAD,GAAU,MAAK,QAAO,iBAAc,QAAO,gBAAa,QAAO,WAAWI,EAAG,+BAA+BD,CAAS,GAAI,GAAGJ,EAAA,CAAO,CAC1I;AACDU,EAAe,cAAc;AAEvB,MAAAC,IAAsB,CAAC,EAAE,UAAAC,GAAU,WAAAR,GAAW,GAAGJ,QACpD,gBAAAE,EAAA,MAAA,EAAG,MAAK,gBAAe,eAAY,QAAO,WAAWG,EAAG,6BAA6BD,CAAS,GAAI,GAAGJ,GACnG,UAAAY,KAAa,gBAAAV,EAAAW,GAAA,CAAa,CAAA,EAC7B,CAAA;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC,EAAE,WAAAV,GAAW,GAAGJ,QACzC,gBAAAe,EAAA,QAAA,EAAK,MAAK,gBAAe,eAAY,QAAO,WAAWV,EAAG,4CAA4CD,CAAS,GAAI,GAAGJ,GACrH,UAAA;AAAA,EAAC,gBAAAE,EAAAc,GAAA,EAAQ,WAAU,UAAU,CAAA;AAAA,EAC5B,gBAAAd,EAAA,QAAA,EAAK,WAAU,WAAU,UAAI,OAAA,CAAA;AAAA,EAChC,CAAA;AAEFY,EAAmB,cAAc;"}
|
package/dist/button.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.es.js","sources":["../src/components/button/Button.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"button.es.js","sources":["../src/components/button/Button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Spinner } from \"@trsys-tech/matrix-icons\";\r\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst buttonVariants = tv({\r\n base: \"inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500\",\r\n variants: {\r\n variant: {\r\n primary:\r\n \"bg-primary text-primary-foreground hover:bg-primary-600 focus:border-primary focus:ring focus:ring-primary-300 active:bg-primary active:ring active:ring-1 active:ring-primary active:ring-offset-2\",\r\n outline:\r\n \"border border-primary text-primary hover:bg-primary-50 focus:bg-primary-50 focus:border-primary-100 focus:ring focus:ring-primary-100 active:bg-primary-50 active:border-primary active:ring-1 active:ring-primary active:ring-offset-2 disabled:border-gray-400\",\r\n text: \"text-text [&>svg]:text-primary border border-transparent hover:bg-primary-50 focus:ring focus:ring-primary-100 active:ring-1 active:ring-primary disabled:text-text-300 [&>svg]:disabled:text-text-300 disabled:bg-transparent\",\r\n danger:\r\n \"bg-danger text-danger-foreground hover:bg-danger-600 focus:ring focus:ring-danger-400 active:bg-danger active:ring-1 active:ring-danger active:ring-offset-2\",\r\n warning:\r\n \"bg-warning text-warning-foreground hover:bg-warning-600 focus:ring focus:ring-warning-400 active:bg-warning active:ring-1 active:ring-warning active:ring-offset-2\",\r\n success:\r\n \"bg-success text-success-foreground hover:bg-success-600 focus:ring focus:ring-success-400 active:bg-success active:ring-1 active:ring-success active:ring-offset-2\",\r\n info: \"bg-info text-info-foreground hover:bg-info-600 focus:ring focus:ring-info-400 active:bg-info active:ring-1 active:ring-info active:ring-offset-2\",\r\n primaryOnDark:\r\n \"bg-gray-0 text-primary hover:bg-primary-50 focus:bg-gray-0 focus:border-none focus:ring focus:ring-primary-100 active:ring-0 active:bg-gray-0 active:outline active:outline-2 active:outline-gray-0 active:outline-offset-1\",\r\n outlineOnDark:\r\n \"border border-gray-0 text-gray-0 hover:bg-primary-100 hover:text-primary focus:text-primary focus:bg-primary-50 focus:border-primary-50 focus:ring focus:ring-primary-100 active:text-gray-0 active:bg-transparent active:border-gray-0 active:ring-0 active:outline active:outline-1 active:outline-gray-0 active:outline-offset-2\",\r\n textOnDark:\r\n \"text-gray-0 hover:bg-primary-50 hover:text-text [&>svg]:hover:text-primary focus:text-text focus:bg-transparent focus:border-none [&>svg]:focus:text-primary-100 focus:ring focus:ring-primary-100 active:ring-0 active:bg-primary-50 active:text-text [&>svg]:active:text-primary active:outline active:outline-1 active:outline-gray-0 active:outline-offset-1\",\r\n },\r\n size: {\r\n md: \"h-8 p-2 [&>svg]:h-5 [&>svg]:w-5\",\r\n sm: \"h-6 p-1 [&>svg]:h-4 [&>svg]:w-4\",\r\n lg: \"h-10 rounded-md p-4 text-sm [&>svg]:h-6 [&>svg]:w-6\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n size: \"md\",\r\n },\r\n});\r\n\r\nexport type ButtonVariant = VariantProps<typeof buttonVariants>[\"variant\"];\r\nexport type ButtonSize = VariantProps<typeof buttonVariants>[\"size\"];\r\n\r\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n asChild?: boolean;\r\n loading?: boolean;\r\n startIcon?: React.ReactNode;\r\n endIcon?: React.ReactNode;\r\n variant?: ButtonVariant;\r\n size?: ButtonSize;\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n ({ className, variant, size, asChild = false, children, loading, disabled, startIcon, endIcon, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"button\";\r\n return (\r\n <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} disabled={disabled || loading} {...props}>\r\n {loading ? <Spinner /> : null}\r\n {startIcon}\r\n <Slottable>{children}</Slottable>\r\n {endIcon}\r\n </Comp>\r\n );\r\n },\r\n);\r\nButton.displayName = \"Button\";\r\n\r\nexport { Button, type ButtonProps, buttonVariants };\r\n"],"names":["buttonVariants","tv","Button","React","className","variant","size","asChild","children","loading","disabled","startIcon","endIcon","props","ref","Slot","cn","jsx","Spinner","Slottable"],"mappings":";;;;;;AASA,MAAMA,IAAiBC,EAAG;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,QACE;AAAA,MACF,SACE;AAAA,MACF,SACE;AAAA,MACF,MAAM;AAAA,MACN,eACE;AAAA,MACF,eACE;AAAA,MACF,YACE;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAcKC,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,GAAGC,EAAA,GAASC,wBAC5FP,IAAUQ,IAAO,UAEtB,EAAA,WAAWC,EAAGhB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAU,CAAC,CAAC,GAAG,KAAAU,GAAU,UAAUJ,KAAYD,GAAU,GAAGI,GAC7G,UAAA;AAAA,IAAUJ,IAAA,gBAAAQ,EAACC,KAAQ,IAAK;AAAA,IACxBP;AAAA,IACD,gBAAAM,EAACE,KAAW,UAAAX,GAAS;AAAA,IACpBI;AAAA,EAAA,GACH;AAGN;AACAV,EAAO,cAAc;"}
|
package/dist/calendar.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.es.js","sources":["../src/components/date-picker/calendar.tsx"],"sourcesContent":["/* eslint-disable camelcase */\nimport * as React from \"react\";\nimport { Chevron, DayPicker, DayPickerProps } from \"react-day-picker\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"@trsys-tech/matrix-icons\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"@radix-ui/react-collapsible\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button/Button\";\n\nexport type CalendarProps = DayPickerProps & {};\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n const yearCollapseRef = React.useRef<HTMLDivElement>(null);\n const [size, setSize] = React.useState({ width: 0, height: 0 });\n\n React.useEffect(() => {\n if (yearCollapseRef.current) {\n const { width, height } = yearCollapseRef.current.parentElement?.parentElement?.parentElement?.getBoundingClientRect() ?? {\n width: 0,\n height: 0,\n };\n setSize({ width, height });\n }\n }, []);\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\"p-3 relative w-full max-w-sm group/root z-10\", className)}\n classNames={{\n months: cn(\"relative flex flex-col\", props.mode === \"range\" && \"md:flex-row md:space-x-4 md:space-y-2\"),\n month: \"space-y-4 peer md:flex-1\",\n month_caption: \"flex justify-center pt-1 relative items-center\",\n dropdowns: \"flex gap-2\",\n caption_label: \"text-sm font-bold\",\n nav: cn(\"space-x-1 flex items-center group-has-[[data-state=open]]/root:hidden\", props.mode !== \"range\" && \"relative\"),\n button_previous: cn(\n \"h-7 w-7 bg-transparent p-0 text-primary hover:opacity-100 absolute left-2 top-0 md:top-0.5 z-10\",\n props.mode === \"range\" && \"md:left-8 md:top-2\",\n ),\n button_next: cn(\n \"h-7 w-7 bg-transparent p-0 text-primary hover:opacity-100 absolute right-2 top-0 md:top-0.5 z-10\",\n props.mode === \"range\" && \"md:top-2\",\n ),\n month_grid: cn(\"w-full border-collapse space-y-1\"),\n weekdays: \"grid grid-cols-7 justify-items-center\",\n weekday: \"text-text rounded-md w-8 font-bold text-sm\",\n week: \"mt-2 h-11 grid grid-cols-7 items-center\",\n day: \"relative p-0 text-center text-sm h-11 min-w-11 md:min-w-9 md:h-9\",\n day_button: \"w-11 md:w-9 h-full p-0 text-sm\",\n range_start:\n \"before:block before:absolute before:-z-10 before:content-[''] before:w-1/2 before:end-0 before:h-full before:bg-secondary/50 after:!w-0\",\n range_end:\n \"after:block after:absolute after:top-0 after:-z-10 after:content-[''] after:w-1/2 after:start-0 after:h-full after:bg-secondary/50 before:!w-0\",\n selected:\n \"[&>button]:bg-secondary [&>button]:rounded-full text-text font-bold [&>button]:hover:bg-secondary [&>button]:hover:text-text [&>button]:focus:bg-secondary [&>button]:focus:text-text [&>button]:text-xs\",\n today: \"text-primary font-bold [&>button]:text-xs\",\n outside:\n \"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n disabled: \"text-muted-foreground opacity-50\",\n range_middle: \"bg-secondary/50 [&>button]:data-[selected='true']:bg-secondary/0 data-[selected='true']:rounded-none text-accent-foreground\",\n hidden: \"invisible\",\n ...classNames,\n }}\n components={{\n Chevron: props => {\n if (props.orientation === \"left\") {\n return <ChevronLeft {...props} className=\"h-6 w-6\" />;\n } else if (props.orientation === \"right\") {\n return <ChevronRight {...props} className=\"h-6 w-6\" />;\n }\n return <Chevron {...props} />;\n },\n YearsDropdown: props => {\n const handleChange = (value: string) => {\n props.onChange?.({ target: { value: value } } as unknown as React.ChangeEvent<HTMLSelectElement>);\n };\n return (\n <Collapsible ref={yearCollapseRef}>\n <CollapsibleTrigger className=\"group flex items-center gap-1\">\n {props.value} <ChevronDown className=\"text-primary w-5 h-5 group-data-[state='open']:rotate-180 transition-transform ms-auto\" />\n </CollapsibleTrigger>\n <CollapsibleContent\n className=\"overflow-auto z-50 absolute bg-popover left-2 top-11 p-1\"\n style={{ width: size.width, height: size.height - 44 }}\n >\n <div className=\"flex flex-row flex-wrap gap-4\">\n {props.options?.reverse()?.map(option => (\n <CollapsibleTrigger asChild key={option.label}>\n <Button\n data-value={option.value}\n variant=\"text\"\n className={cn(\"h-6 w-14 py-1 px-3 rounded-full font-bold\", props.value === option.value && \"bg-secondary\")}\n onClick={() => handleChange(option.value.toString())}\n >\n {option.label}\n </Button>\n </CollapsibleTrigger>\n ))}\n </div>\n </CollapsibleContent>\n </Collapsible>\n );\n },\n }}\n {...props}\n />\n );\n}\nCalendar.displayName = \"Calendar\";\n\nexport { Calendar };\n"],"names":["Calendar","className","classNames","showOutsideDays","props","yearCollapseRef","React","size","setSize","width","height","jsx","DayPicker","cn","ChevronLeft","ChevronRight","Chevron","handleChange","value","jsxs","Collapsible","CollapsibleTrigger","ChevronDown","CollapsibleContent","option","Button"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"calendar.es.js","sources":["../src/components/date-picker/calendar.tsx"],"sourcesContent":["\"use client\";\n\n/* eslint-disable camelcase */\nimport * as React from \"react\";\nimport { Chevron, DayPicker, DayPickerProps } from \"react-day-picker\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"@trsys-tech/matrix-icons\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"@radix-ui/react-collapsible\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button/Button\";\n\nexport type CalendarProps = DayPickerProps & {};\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n const yearCollapseRef = React.useRef<HTMLDivElement>(null);\n const [size, setSize] = React.useState({ width: 0, height: 0 });\n\n React.useEffect(() => {\n if (yearCollapseRef.current) {\n const { width, height } = yearCollapseRef.current.parentElement?.parentElement?.parentElement?.getBoundingClientRect() ?? {\n width: 0,\n height: 0,\n };\n setSize({ width, height });\n }\n }, []);\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\"p-3 relative w-full max-w-sm group/root z-10\", className)}\n classNames={{\n months: cn(\"relative flex flex-col\", props.mode === \"range\" && \"md:flex-row md:space-x-4 md:space-y-2\"),\n month: \"space-y-4 peer md:flex-1\",\n month_caption: \"flex justify-center pt-1 relative items-center\",\n dropdowns: \"flex gap-2\",\n caption_label: \"text-sm font-bold\",\n nav: cn(\"space-x-1 flex items-center group-has-[[data-state=open]]/root:hidden\", props.mode !== \"range\" && \"relative\"),\n button_previous: cn(\n \"h-7 w-7 bg-transparent p-0 text-primary hover:opacity-100 absolute left-2 top-0 md:top-0.5 z-10\",\n props.mode === \"range\" && \"md:left-8 md:top-2\",\n ),\n button_next: cn(\n \"h-7 w-7 bg-transparent p-0 text-primary hover:opacity-100 absolute right-2 top-0 md:top-0.5 z-10\",\n props.mode === \"range\" && \"md:top-2\",\n ),\n month_grid: cn(\"w-full border-collapse space-y-1\"),\n weekdays: \"grid grid-cols-7 justify-items-center\",\n weekday: \"text-text rounded-md w-8 font-bold text-sm\",\n week: \"mt-2 h-11 grid grid-cols-7 items-center\",\n day: \"relative p-0 text-center text-sm h-11 min-w-11 md:min-w-9 md:h-9\",\n day_button: \"w-11 md:w-9 h-full p-0 text-sm\",\n range_start:\n \"before:block before:absolute before:-z-10 before:content-[''] before:w-1/2 before:end-0 before:h-full before:bg-secondary/50 after:!w-0\",\n range_end:\n \"after:block after:absolute after:top-0 after:-z-10 after:content-[''] after:w-1/2 after:start-0 after:h-full after:bg-secondary/50 before:!w-0\",\n selected:\n \"[&>button]:bg-secondary [&>button]:rounded-full text-text font-bold [&>button]:hover:bg-secondary [&>button]:hover:text-text [&>button]:focus:bg-secondary [&>button]:focus:text-text [&>button]:text-xs\",\n today: \"text-primary font-bold [&>button]:text-xs\",\n outside:\n \"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n disabled: \"text-muted-foreground opacity-50\",\n range_middle: \"bg-secondary/50 [&>button]:data-[selected='true']:bg-secondary/0 data-[selected='true']:rounded-none text-accent-foreground\",\n hidden: \"invisible\",\n ...classNames,\n }}\n components={{\n Chevron: props => {\n if (props.orientation === \"left\") {\n return <ChevronLeft {...props} className=\"h-6 w-6\" />;\n } else if (props.orientation === \"right\") {\n return <ChevronRight {...props} className=\"h-6 w-6\" />;\n }\n return <Chevron {...props} />;\n },\n YearsDropdown: props => {\n const handleChange = (value: string) => {\n props.onChange?.({ target: { value: value } } as unknown as React.ChangeEvent<HTMLSelectElement>);\n };\n return (\n <Collapsible ref={yearCollapseRef}>\n <CollapsibleTrigger className=\"group flex items-center gap-1\">\n {props.value} <ChevronDown className=\"text-primary w-5 h-5 group-data-[state='open']:rotate-180 transition-transform ms-auto\" />\n </CollapsibleTrigger>\n <CollapsibleContent\n className=\"overflow-auto z-50 absolute bg-popover left-2 top-11 p-1\"\n style={{ width: size.width, height: size.height - 44 }}\n >\n <div className=\"flex flex-row flex-wrap gap-4\">\n {props.options?.reverse()?.map(option => (\n <CollapsibleTrigger asChild key={option.label}>\n <Button\n data-value={option.value}\n variant=\"text\"\n className={cn(\"h-6 w-14 py-1 px-3 rounded-full font-bold\", props.value === option.value && \"bg-secondary\")}\n onClick={() => handleChange(option.value.toString())}\n >\n {option.label}\n </Button>\n </CollapsibleTrigger>\n ))}\n </div>\n </CollapsibleContent>\n </Collapsible>\n );\n },\n }}\n {...props}\n />\n );\n}\nCalendar.displayName = \"Calendar\";\n\nexport { Calendar };\n"],"names":["Calendar","className","classNames","showOutsideDays","props","yearCollapseRef","React","size","setSize","width","height","jsx","DayPicker","cn","ChevronLeft","ChevronRight","Chevron","handleChange","value","jsxs","Collapsible","CollapsibleTrigger","ChevronDown","CollapsibleContent","option","Button"],"mappings":"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"}
|
package/dist/card.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.es.js","sources":["../src/components/card/Card.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"card.es.js","sources":["../src/components/card/Card.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n <div ref={ref} className={cn(\"rounded-lg bg-card text-card-foreground shadow-card\", className)} {...props} />\r\n));\r\nCard.displayName = \"Card\";\r\ntype CardProps = React.ComponentProps<typeof Card>;\r\n\r\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-4\", className)} {...props} />\r\n));\r\nCardHeader.displayName = \"CardHeader\";\r\ntype CardHeaderProps = React.ComponentProps<typeof CardHeader>;\r\n\r\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(({ className, ...props }, ref) => (\r\n <h3 ref={ref} className={cn(\"font-semibold leading-none tracking-tight\", className)} {...props} />\r\n));\r\nCardTitle.displayName = \"CardTitle\";\r\ntype CardTitleProps = React.ComponentProps<typeof CardTitle>;\r\n\r\nconst CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(({ className, ...props }, ref) => (\r\n <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\r\n));\r\nCardDescription.displayName = \"CardDescription\";\r\ntype CardDescriptionProps = React.ComponentProps<typeof CardDescription>;\r\n\r\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n <div ref={ref} className={cn(\"p-4 pt-0\", className)} {...props} />\r\n));\r\nCardContent.displayName = \"CardContent\";\r\ntype CardContentProps = React.ComponentProps<typeof CardContent>;\r\n\r\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n <div ref={ref} className={cn(\"flex items-center p-4 pt-0\", className)} {...props} />\r\n));\r\nCardFooter.displayName = \"CardFooter\";\r\ntype CardFooterProps = React.ComponentProps<typeof CardFooter>;\r\n\r\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };\r\nexport type { CardProps, CardHeaderProps, CardFooterProps, CardTitleProps, CardDescriptionProps, CardContentProps };\r\n"],"names":["Card","React","className","props","ref","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAKM,MAAAA,IAAOC,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBAC3G,OAAI,EAAA,KAAAA,GAAU,WAAWC,EAAG,uDAAuDH,CAAS,GAAI,GAAGC,GAAO,CAC5G;AACDH,EAAK,cAAc;AAGb,MAAAM,IAAaL,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBACjH,OAAI,EAAA,KAAAA,GAAU,WAAWC,EAAG,iCAAiCH,CAAS,GAAI,GAAGC,GAAO,CACtF;AACDG,EAAW,cAAc;AAGnB,MAAAC,IAAYN,EAAM,WAA2E,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBAC1H,MAAG,EAAA,KAAAA,GAAU,WAAWC,EAAG,6CAA6CH,CAAS,GAAI,GAAGC,GAAO,CACjG;AACDI,EAAU,cAAc;AAGlB,MAAAC,IAAkBP,EAAM,WAA6E,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBAClI,KAAE,EAAA,KAAAA,GAAU,WAAWC,EAAG,iCAAiCH,CAAS,GAAI,GAAGC,GAAO,CACpF;AACDK,EAAgB,cAAc;AAGxB,MAAAC,IAAcR,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBAClH,OAAI,EAAA,KAAAA,GAAU,WAAWC,EAAG,YAAYH,CAAS,GAAI,GAAGC,GAAO,CACjE;AACDM,EAAY,cAAc;AAGpB,MAAAC,IAAaT,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAS,GAAAC,wBACjH,OAAI,EAAA,KAAAA,GAAU,WAAWC,EAAG,8BAA8BH,CAAS,GAAI,GAAGC,GAAO,CACnF;AACDO,EAAW,cAAc;"}
|
package/dist/chip.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.es.js","sources":["../src/components/chip/Chip.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"chip.es.js","sources":["../src/components/chip/Chip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { XMark } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst chipVariants = tv({\r\n base: \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-xs font-medium\",\r\n variants: {\r\n variant: {\r\n primary: \"bg-primary-100 text-primary-700 border border-primary\",\r\n neutral: \"bg-gray-50 text-text-400 border border-gray-400\",\r\n },\r\n size: {\r\n sm: \"px-2 h-6\",\r\n md: \"px-4 h-8\",\r\n lg: \"px-6 h-10 text-sm\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n size: \"md\",\r\n },\r\n});\r\n\r\ninterface ChipProps extends React.ButtonHTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {\r\n asChild?: boolean;\r\n onClose?: () => void;\r\n}\r\n\r\nconst Chip = React.forwardRef<HTMLSpanElement, ChipProps>(({ className, variant, asChild = false, children, onClose, size, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"span\";\r\n return (\r\n <Comp className={cn(chipVariants({ variant, size, className }))} ref={ref} {...props}>\r\n {children}\r\n {onClose ? (\r\n <button\r\n className={cn(\r\n { \"-me-3 [&>svg]:w-5 [&>svg]:h-5\": size === \"lg\" },\r\n { \"-me-2 [&>svg]:w-4.5 [&>svg]:h-4.5\": size === \"md\" || size === undefined },\r\n { \"-me-1 [&>svg]:w-4 [&>svg]:h-4\": size === \"sm\" },\r\n )}\r\n >\r\n <XMark />\r\n </button>\r\n ) : null}\r\n </Comp>\r\n );\r\n});\r\nChip.displayName = \"Chip\";\r\n\r\nexport { Chip, type ChipProps };\r\n"],"names":["chipVariants","tv","Chip","React","className","variant","asChild","children","onClose","size","props","ref","jsxs","Slot","cn","jsx","XMark"],"mappings":";;;;;;AASA,MAAMA,IAAeC,EAAG;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAOKC,IAAOC,EAAM,WAAuC,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAGlI,gBAAAC,EAFUN,IAAUO,IAAO,QAE3B,EAAK,WAAWC,EAAGd,EAAa,EAAE,SAAAK,GAAS,MAAAI,GAAM,WAAAL,EAAW,CAAA,CAAC,GAAG,KAAAO,GAAW,GAAGD,GAC5E,UAAA;AAAA,EAAAH;AAAA,EACAC,IACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,QACT,EAAE,iCAAiCL,MAAS,KAAK;AAAA,QACjD,EAAE,qCAAqCA,MAAS,QAAQA,MAAS,OAAU;AAAA,QAC3E,EAAE,iCAAiCA,MAAS,KAAK;AAAA,MACnD;AAAA,MAEA,4BAACO,GAAM,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,IAEP;AAAA,GACN,CAEH;AACDd,EAAK,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible.es.js","sources":["../src/components/collapsible/Collapsible.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"collapsible.es.js","sources":["../src/components/collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\nimport type { CollapsibleProps, CollapsibleContentProps, CollapsibleTriggerProps } from \"@radix-ui/react-collapsible\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst Collapsible = React.forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CollapsiblePrimitive.Root ref={ref} className={cn(\"rounded-lg bg-card text-card-foreground shadow-card\", className)} {...props} />\n));\nCollapsible.displayName = \"Collapsible\";\n\nconst CollapsibleContent = React.forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>\n>(({ className, children, ...props }, ref) => (\n <CollapsiblePrimitive.CollapsibleContent\n ref={ref}\n className=\"overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down rounded-b-lg\"\n {...props}\n >\n <div className={cn(\"p-4 pt-0\", className)}>{children}</div>\n </CollapsiblePrimitive.CollapsibleContent>\n));\nCollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName;\n\nconst CollapsibleTrigger = React.forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.CollapsibleTrigger>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger>\n>(({ className, children, ...props }, ref) => (\n <CollapsiblePrimitive.CollapsibleTrigger ref={ref} className={cn(\"p-4\", className)} {...props}>\n {children}\n </CollapsiblePrimitive.CollapsibleTrigger>\n));\nCollapsibleTrigger.displayName = CollapsiblePrimitive.Trigger.displayName;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent, type CollapsibleProps, type CollapsibleContentProps, type CollapsibleTriggerProps };\n"],"names":["Collapsible","React","className","props","ref","jsx","CollapsiblePrimitive","cn","CollapsibleContent","children","CollapsibleTrigger"],"mappings":";;;;AAQM,MAAAA,IAAcC,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC,EAACC,EAAqB,MAArB,EAA0B,KAAAF,GAAU,WAAWG,EAAG,uDAAuDL,CAAS,GAAI,GAAGC,GAAO,CAClI;AACDH,EAAY,cAAc;AAEpB,MAAAQ,IAAqBP,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,KAASC,MACpC,gBAAAC;AAAA,EAACC,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAF;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAI,EAAA,WAAWI,EAAG,YAAYL,CAAS,GAAI,UAAAO,EAAS,CAAA;AAAA,EAAA;AACvD,CACD;AACDD,EAAmB,cAAcF,EAAqB,QAAQ;AAExD,MAAAI,IAAqBT,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,KAASC,MACpC,gBAAAC,EAACC,EAAqB,oBAArB,EAAwC,KAAAF,GAAU,WAAWG,EAAG,OAAOL,CAAS,GAAI,GAAGC,GACrF,UAAAM,GACH,CACD;AACDC,EAAmB,cAAcJ,EAAqB,QAAQ;"}
|
package/dist/combobox.es.js
CHANGED
|
@@ -1,35 +1,87 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { cn as
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
1
|
+
import { jsxs as s, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import t from "react";
|
|
3
|
+
import { cn as f } from "./utils.es.js";
|
|
4
|
+
import { Button as j } from "./button.es.js";
|
|
5
|
+
import { ChevronDown as D, Check as E } from "@trsys-tech/matrix-icons";
|
|
6
|
+
import { Popover as K, PopoverTrigger as _, PopoverContent as B } from "./popover.es.js";
|
|
7
|
+
import { Command as T, CommandInput as F, CommandList as G, CommandEmpty as R, CommandItem as b, CommandGroup as q } from "./command.es.js";
|
|
8
|
+
const U = ({
|
|
9
|
+
onValueChange: l,
|
|
10
|
+
options: c,
|
|
11
|
+
selectedValue: i,
|
|
12
|
+
className: h,
|
|
13
|
+
closeOnSelect: n = !0,
|
|
14
|
+
loading: d,
|
|
15
|
+
disabled: v,
|
|
16
|
+
placeholder: w = "Select an option",
|
|
17
|
+
searchText: x = "Search...",
|
|
18
|
+
noResultsText: y = "No results found",
|
|
19
|
+
loadingText: g = "Loading...",
|
|
20
|
+
emptyOptionsText: C = "No Items",
|
|
21
|
+
...k
|
|
22
|
+
}) => {
|
|
23
|
+
const [u, o] = t.useState(!1), [a, m] = t.useState(i), N = t.useCallback(
|
|
24
|
+
(e) => {
|
|
25
|
+
e.key === "Enter" ? o(!0) : e.key === "Backspace" && !e.currentTarget.value && (m(a), l?.(a), n && o(!1));
|
|
26
|
+
},
|
|
27
|
+
[a, l, n]
|
|
28
|
+
), I = t.useCallback(
|
|
29
|
+
(e) => {
|
|
30
|
+
m(e), l?.(e), n && o(!1);
|
|
31
|
+
},
|
|
32
|
+
[l, n]
|
|
33
|
+
), L = t.useCallback((e, P, S = [""]) => S.join("").toLocaleLowerCase().includes(P.toLocaleLowerCase()) ? 1 : 0, []), p = a === void 0 || a === "";
|
|
34
|
+
return /* @__PURE__ */ s(K, { open: u, onOpenChange: o, children: [
|
|
35
|
+
/* @__PURE__ */ r(_, { asChild: !0, children: /* @__PURE__ */ r(
|
|
36
|
+
j,
|
|
37
|
+
{
|
|
38
|
+
variant: "text",
|
|
39
|
+
role: "combobox",
|
|
40
|
+
"aria-expanded": u,
|
|
41
|
+
className: f(
|
|
42
|
+
"group flex h-8 w-full items-center justify-between whitespace-nowrap rounded-sm border border-input bg-transparent px-3 py-1.5 text-sm ring-offset-background data-[placeholder]:text-muted-foreground hover:border hover:border-primary hover:bg-transparent focus:border focus:border-primary focus:outline-none focus:ring focus:ring-primary-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-text-300 disabled:border-gray-100 [&>span]:line-clamp-1 [&_svg]:disabled:text-text-300",
|
|
43
|
+
// showPlaceholder ? "text-muted-foreground" : "",
|
|
44
|
+
h
|
|
45
|
+
),
|
|
46
|
+
"data-value": a,
|
|
47
|
+
"data-placeholder": p ? "" : void 0,
|
|
48
|
+
loading: d,
|
|
49
|
+
disabled: v,
|
|
50
|
+
endIcon: /* @__PURE__ */ r(
|
|
51
|
+
D,
|
|
52
|
+
{
|
|
53
|
+
role: "button",
|
|
54
|
+
"aria-label": "Expand dropdown",
|
|
55
|
+
className: "!h-4.5 !w-4.5 cursor-pointer group-data-[state=open]:rotate-180 transition-transform ms-auto"
|
|
56
|
+
}
|
|
57
|
+
),
|
|
58
|
+
...k,
|
|
59
|
+
children: p ? d ? g : w : c.find((e) => e.value === a)?.label
|
|
60
|
+
}
|
|
61
|
+
) }),
|
|
62
|
+
/* @__PURE__ */ r(B, { className: "w-auto p-0", align: "start", onEscapeKeyDown: () => o(!1), children: /* @__PURE__ */ s(T, { className: "w-[--radix-popper-anchor-width]", filter: L, children: [
|
|
63
|
+
/* @__PURE__ */ r(F, { placeholder: x, onKeyDown: N }),
|
|
64
|
+
/* @__PURE__ */ s(G, { children: [
|
|
65
|
+
!d && /* @__PURE__ */ r(R, { children: y }),
|
|
66
|
+
!d && !c.length ? /* @__PURE__ */ r(b, { value: "8fdcaeb67c8ad943c80fe54c3b1059b700d9254389a38a4a1fc39a6eee7564623", disabled: !0, children: C }) : null,
|
|
67
|
+
/* @__PURE__ */ r(q, { children: c.map((e) => /* @__PURE__ */ s(
|
|
68
|
+
b,
|
|
69
|
+
{
|
|
70
|
+
value: e.value,
|
|
71
|
+
keywords: [e.label],
|
|
72
|
+
onSelect: I,
|
|
73
|
+
children: [
|
|
74
|
+
e.label,
|
|
75
|
+
/* @__PURE__ */ r(E, { className: f("ml-auto", i === e.value ? "opacity-100" : "opacity-0") })
|
|
76
|
+
]
|
|
77
|
+
},
|
|
78
|
+
String(e.value)
|
|
79
|
+
)) })
|
|
80
|
+
] })
|
|
81
|
+
] }) })
|
|
82
|
+
] });
|
|
83
|
+
};
|
|
24
84
|
export {
|
|
25
|
-
|
|
26
|
-
T as ComboboxContent,
|
|
27
|
-
I as ComboboxEmpty,
|
|
28
|
-
h as ComboboxGroup,
|
|
29
|
-
u as ComboboxInput,
|
|
30
|
-
w as ComboboxItem,
|
|
31
|
-
g as ComboboxList,
|
|
32
|
-
v as ComboboxSeparator,
|
|
33
|
-
f as ComboboxTrigger
|
|
85
|
+
U as Combobox
|
|
34
86
|
};
|
|
35
87
|
//# sourceMappingURL=combobox.es.js.map
|
package/dist/combobox.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.es.js","sources":["../src/components/combobox/Combobox.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from \"../command/Command\";\r\n\r\nconst Combobox = Popover;\r\nCombobox.displayName = \"Combobox\";\r\n\r\nconst ComboboxTrigger = PopoverTrigger;\r\nComboboxTrigger.displayName = \"ComboboxTrigger\";\r\n\r\nconst ComboboxContent = React.forwardRef<React.ElementRef<typeof PopoverContent>, React.ComponentPropsWithoutRef<typeof PopoverContent>>(\r\n ({ className, children, ...props }, ref) => {\r\n return (\r\n <PopoverContent ref={ref} className={cn(\"w-[--radix-popper-anchor-width] p-0\", className)} {...props}>\r\n <Command>{children}</Command>\r\n </PopoverContent>\r\n );\r\n },\r\n);\r\n\r\nconst ComboboxInput = CommandInput;\r\nComboboxInput.displayName = \"ComboboxInput\";\r\n\r\nconst ComboboxList = CommandList;\r\nComboboxList.displayName = \"ComboboxList\";\r\n\r\nconst ComboboxEmpty = CommandEmpty;\r\nComboboxEmpty.displayName = \"ComboboxEmpty\";\r\n\r\nconst ComboboxGroup = CommandGroup;\r\nComboboxGroup.displayName = \"ComboboxGroup\";\r\n\r\nconst ComboboxSeparator = CommandSeparator;\r\nComboboxSeparator.displayName = \"ComboboxSeparator\";\r\n\r\nconst ComboboxItem = CommandItem;\r\nComboboxItem.displayName = \"ComboboxItem\";\r\n\r\nexport { Combobox, ComboboxTrigger, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator };\r\n"],"names":["Combobox","Popover","ComboboxTrigger","PopoverTrigger","ComboboxContent","React","className","children","props","ref","jsx","PopoverContent","cn","Command","ComboboxInput","CommandInput","ComboboxList","CommandList","ComboboxEmpty","CommandEmpty","ComboboxGroup","CommandGroup","ComboboxSeparator","CommandSeparator","ComboboxItem","CommandItem"],"mappings":";;;;;AAMA,MAAMA,IAAWC;AACjBD,EAAS,cAAc;AAEvB,MAAME,IAAkBC;AACxBD,EAAgB,cAAc;AAE9B,MAAME,IAAkBC,EAAM;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAE/B,gBAAAC,EAAAC,GAAA,EAAe,KAAAF,GAAU,WAAWG,EAAG,uCAAuCN,CAAS,GAAI,GAAGE,GAC7F,UAAC,gBAAAE,EAAAG,GAAA,EAAS,UAAAN,EAAS,CAAA,GACrB;AAGN,GAEMO,IAAgBC;AACtBD,EAAc,cAAc;AAE5B,MAAME,IAAeC;AACrBD,EAAa,cAAc;AAE3B,MAAME,IAAgBC;AACtBD,EAAc,cAAc;AAE5B,MAAME,IAAgBC;AACtBD,EAAc,cAAc;AAE5B,MAAME,IAAoBC;AAC1BD,EAAkB,cAAc;AAEhC,MAAME,IAAeC;AACrBD,EAAa,cAAc;"}
|
|
1
|
+
{"version":3,"file":"combobox.es.js","sources":["../src/components/combobox/Combobox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Button } from \"../button/Button\";\r\nimport { Check, ChevronDown } from \"@trsys-tech/matrix-icons\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover/Popover\";\r\nimport { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from \"../command/Command\";\r\n\r\ntype ComboboxProps<T extends string | number> = React.HTMLAttributes<HTMLButtonElement> & {\r\n /**\r\n * The options to display in the combobox.\r\n * Each option should have a label and a value.\r\n * The label is what is displayed in the combobox.\r\n * The value is what is returned when the option is selected.\r\n */\r\n options: { label: string; value: T }[];\r\n\r\n /**\r\n * The value of the combobox.\r\n */\r\n selectedValue?: T;\r\n\r\n /**\r\n * A function that is called when the value of the combobox changes.\r\n */\r\n onValueChange?: (value: T) => void;\r\n\r\n /**\r\n * Placeholder text to be displayed when no values are selected.\r\n * @default \"Select an option\"\r\n */\r\n placeholder?: string;\r\n\r\n /**\r\n * The modality of the popover. When set to true, interaction with outside elements\r\n * will be disabled and only popover content will be visible to screen readers.\r\n * Optional\r\n * @default false\r\n */\r\n modalPopover?: boolean;\r\n\r\n /**\r\n * The text to display in the search input.\r\n * @default \"Search...\"\r\n */\r\n searchText?: string;\r\n\r\n /**\r\n * The text to display when no results are found.\r\n * @default \"No results found\"\r\n */\r\n noResultsText?: string;\r\n\r\n /**\r\n * Whether the popover should close when an option is selected.\r\n * @default true\r\n */\r\n closeOnSelect?: boolean;\r\n\r\n /**\r\n * Whether the combobox is loading.\r\n * @default false\r\n */\r\n loading?: boolean;\r\n\r\n /**\r\n * Whether the combobox is disabled.\r\n * @default false\r\n */\r\n disabled?: boolean;\r\n\r\n /**\r\n * The text to display when the combobox is loading.\r\n * @default \"Loading...\"\r\n */\r\n loadingText?: string;\r\n\r\n /**\r\n * The text to display when there are no options.\r\n * @default \"No Items\"\r\n */\r\n emptyOptionsText?: string;\r\n};\r\n\r\nconst Combobox = <T extends string | number>({\r\n onValueChange,\r\n options,\r\n selectedValue,\r\n className,\r\n closeOnSelect = true,\r\n loading,\r\n disabled,\r\n placeholder = \"Select an option\",\r\n searchText = \"Search...\",\r\n noResultsText = \"No results found\",\r\n loadingText = \"Loading...\",\r\n emptyOptionsText = \"No Items\",\r\n ...props\r\n}: ComboboxProps<T>) => {\r\n const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\r\n\r\n const [currentSelectedValue, setCurrentSelectedValue] = React.useState<T | undefined>(selectedValue);\r\n\r\n const handleInputKeyDown = React.useCallback(\r\n (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === \"Enter\") {\r\n setIsPopoverOpen(true);\r\n } else if (event.key === \"Backspace\" && !event.currentTarget.value) {\r\n setCurrentSelectedValue(currentSelectedValue);\r\n onValueChange?.(currentSelectedValue!);\r\n if (closeOnSelect) setIsPopoverOpen(false);\r\n }\r\n },\r\n [currentSelectedValue, onValueChange, closeOnSelect],\r\n );\r\n\r\n const handleSelect = React.useCallback(\r\n (currentValue: T) => {\r\n setCurrentSelectedValue(currentValue);\r\n onValueChange?.(currentValue);\r\n if (closeOnSelect) setIsPopoverOpen(false);\r\n },\r\n [onValueChange, closeOnSelect],\r\n );\r\n\r\n const handleFilter = React.useCallback((value: string, search: string, keywords: string[] = [\"\"]) => {\r\n return keywords.join(\"\").toLocaleLowerCase().includes(search.toLocaleLowerCase()) ? 1 : 0;\r\n }, []);\r\n\r\n const showPlaceholder = currentSelectedValue === undefined || currentSelectedValue === \"\";\r\n\r\n return (\r\n <Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen}>\r\n <PopoverTrigger asChild>\r\n <Button\r\n variant=\"text\"\r\n role=\"combobox\"\r\n aria-expanded={isPopoverOpen}\r\n className={cn(\r\n \"group flex h-8 w-full items-center justify-between whitespace-nowrap rounded-sm border border-input bg-transparent px-3 py-1.5 text-sm ring-offset-background data-[placeholder]:text-muted-foreground hover:border hover:border-primary hover:bg-transparent focus:border focus:border-primary focus:outline-none focus:ring focus:ring-primary-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-text-300 disabled:border-gray-100 [&>span]:line-clamp-1 [&_svg]:disabled:text-text-300\",\r\n // showPlaceholder ? \"text-muted-foreground\" : \"\",\r\n className,\r\n )}\r\n data-value={currentSelectedValue}\r\n data-placeholder={showPlaceholder ? \"\" : undefined}\r\n loading={loading}\r\n disabled={disabled}\r\n endIcon={\r\n <ChevronDown\r\n role=\"button\"\r\n aria-label=\"Expand dropdown\"\r\n className=\"!h-4.5 !w-4.5 cursor-pointer group-data-[state=open]:rotate-180 transition-transform ms-auto\"\r\n />\r\n }\r\n {...props}\r\n >\r\n {!showPlaceholder ? options.find(option => option.value === currentSelectedValue)?.label : loading ? loadingText : placeholder}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\" align=\"start\" onEscapeKeyDown={() => setIsPopoverOpen(false)}>\r\n <Command className=\"w-[--radix-popper-anchor-width]\" filter={handleFilter}>\r\n <CommandInput placeholder={searchText} onKeyDown={handleInputKeyDown} />\r\n <CommandList>\r\n {!loading && <CommandEmpty>{noResultsText}</CommandEmpty>}\r\n {!loading && !options.length ? (\r\n <CommandItem value=\"8fdcaeb67c8ad943c80fe54c3b1059b700d9254389a38a4a1fc39a6eee7564623\" disabled>\r\n {emptyOptionsText}\r\n </CommandItem>\r\n ) : null}\r\n <CommandGroup>\r\n {options.map(option => (\r\n <CommandItem\r\n key={String(option.value)}\r\n value={option.value}\r\n keywords={[option.label]}\r\n onSelect={handleSelect as React.ComponentProps<typeof CommandItem>[\"onSelect\"]}\r\n >\r\n {option.label}\r\n <Check className={cn(\"ml-auto\", selectedValue === option.value ? \"opacity-100\" : \"opacity-0\")} />\r\n </CommandItem>\r\n ))}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n );\r\n};\r\nexport { Combobox, type ComboboxProps };\r\n"],"names":["Combobox","onValueChange","options","selectedValue","className","closeOnSelect","loading","disabled","placeholder","searchText","noResultsText","loadingText","emptyOptionsText","props","isPopoverOpen","setIsPopoverOpen","React","currentSelectedValue","setCurrentSelectedValue","handleInputKeyDown","event","handleSelect","currentValue","handleFilter","value","search","keywords","showPlaceholder","jsxs","Popover","jsx","PopoverTrigger","Button","cn","ChevronDown","option","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandItem","CommandGroup","Check"],"mappings":"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"}
|
package/dist/command.es.js
CHANGED
|
@@ -1,81 +1,94 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import * as
|
|
3
|
-
import { Command as
|
|
4
|
-
import { Magnifier as
|
|
1
|
+
import { jsx as d, jsxs as c } from "react/jsx-runtime";
|
|
2
|
+
import * as r from "react";
|
|
3
|
+
import { Command as o } from "cmdk";
|
|
4
|
+
import { Magnifier as u } from "@trsys-tech/matrix-icons";
|
|
5
5
|
import { cn as m } from "./utils.es.js";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
import { Dialog as f, DialogContent as g } from "./dialog.es.js";
|
|
7
|
+
const s = r.forwardRef(
|
|
8
|
+
({ className: a, ...e }, t) => /* @__PURE__ */ d(
|
|
9
|
+
o,
|
|
9
10
|
{
|
|
10
|
-
ref:
|
|
11
|
+
ref: t,
|
|
11
12
|
className: m("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", a),
|
|
12
|
-
...
|
|
13
|
+
...e
|
|
13
14
|
}
|
|
14
15
|
)
|
|
15
16
|
);
|
|
16
|
-
|
|
17
|
-
const
|
|
18
|
-
({ className: a, ...
|
|
19
|
-
/* @__PURE__ */
|
|
20
|
-
/* @__PURE__ */
|
|
21
|
-
|
|
17
|
+
s.displayName = o.displayName;
|
|
18
|
+
const S = ({ children: a, ...e }) => /* @__PURE__ */ d(f, { ...e, children: /* @__PURE__ */ d(g, { className: "overflow-hidden p-0", children: /* @__PURE__ */ d(s, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: a }) }) }), x = r.forwardRef(
|
|
19
|
+
({ className: a, ...e }, t) => /* @__PURE__ */ c("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
20
|
+
/* @__PURE__ */ d(u, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
|
|
21
|
+
/* @__PURE__ */ d(
|
|
22
|
+
o.Input,
|
|
22
23
|
{
|
|
23
|
-
ref:
|
|
24
|
+
ref: t,
|
|
24
25
|
className: m(
|
|
25
26
|
"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",
|
|
26
27
|
a
|
|
27
28
|
),
|
|
28
|
-
...
|
|
29
|
+
...e
|
|
29
30
|
}
|
|
30
31
|
)
|
|
31
32
|
] })
|
|
32
33
|
);
|
|
33
|
-
|
|
34
|
-
const
|
|
35
|
-
({ className: a, ...
|
|
34
|
+
x.displayName = o.Input.displayName;
|
|
35
|
+
const h = r.forwardRef(
|
|
36
|
+
({ className: a, ...e }, t) => /* @__PURE__ */ d(o.List, { ref: t, className: m("max-h-[300px] overflow-y-auto overflow-x-hidden", a), ...e })
|
|
36
37
|
);
|
|
37
|
-
|
|
38
|
-
const
|
|
39
|
-
(a,
|
|
38
|
+
h.displayName = o.List.displayName;
|
|
39
|
+
const y = r.forwardRef(
|
|
40
|
+
(a, e) => /* @__PURE__ */ d(o.Empty, { ref: e, className: "py-6 text-center text-sm", ...a })
|
|
40
41
|
);
|
|
41
|
-
|
|
42
|
-
const
|
|
43
|
-
({ className: a, ...
|
|
44
|
-
|
|
42
|
+
y.displayName = o.Empty.displayName;
|
|
43
|
+
const N = r.forwardRef(
|
|
44
|
+
({ className: a, ...e }, t) => /* @__PURE__ */ d(
|
|
45
|
+
o.Group,
|
|
45
46
|
{
|
|
46
|
-
ref:
|
|
47
|
+
ref: t,
|
|
47
48
|
className: m(
|
|
48
49
|
"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
|
|
49
50
|
a
|
|
50
51
|
),
|
|
51
|
-
...
|
|
52
|
+
...e
|
|
52
53
|
}
|
|
53
54
|
)
|
|
54
55
|
);
|
|
55
|
-
|
|
56
|
-
const
|
|
57
|
-
|
|
58
|
-
const
|
|
59
|
-
|
|
60
|
-
|
|
56
|
+
N.displayName = o.Group.displayName;
|
|
57
|
+
const _ = r.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(o.Separator, { ref: t, className: m("-mx-1 h-px bg-border", a), ...e }));
|
|
58
|
+
_.displayName = o.Separator.displayName;
|
|
59
|
+
const k = r.forwardRef(({ className: a, value: e, onSelect: t, ...p }, i) => {
|
|
60
|
+
const l = r.useCallback(
|
|
61
|
+
(n) => {
|
|
62
|
+
t?.(typeof e == "number" ? Number(n) : n);
|
|
63
|
+
},
|
|
64
|
+
[e, t]
|
|
65
|
+
);
|
|
66
|
+
return /* @__PURE__ */ d(
|
|
67
|
+
o.Item,
|
|
61
68
|
{
|
|
62
|
-
ref:
|
|
69
|
+
ref: i,
|
|
63
70
|
className: m(
|
|
64
71
|
"relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-gray-300 data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
65
72
|
a
|
|
66
73
|
),
|
|
67
|
-
|
|
74
|
+
value: e !== void 0 ? String(e) : void 0,
|
|
75
|
+
onSelect: l,
|
|
76
|
+
...p
|
|
68
77
|
}
|
|
69
|
-
)
|
|
70
|
-
);
|
|
71
|
-
|
|
78
|
+
);
|
|
79
|
+
});
|
|
80
|
+
k.displayName = o.Item.displayName;
|
|
81
|
+
const w = ({ className: a, ...e }) => /* @__PURE__ */ d("span", { className: m("ml-auto text-xs tracking-widest text-muted-foreground", a), ...e });
|
|
82
|
+
w.displayName = "CommandShortcut";
|
|
72
83
|
export {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
x as
|
|
78
|
-
|
|
79
|
-
|
|
84
|
+
s as Command,
|
|
85
|
+
S as CommandDialog,
|
|
86
|
+
y as CommandEmpty,
|
|
87
|
+
N as CommandGroup,
|
|
88
|
+
x as CommandInput,
|
|
89
|
+
k as CommandItem,
|
|
90
|
+
h as CommandList,
|
|
91
|
+
_ as CommandSeparator,
|
|
92
|
+
w as CommandShortcut
|
|
80
93
|
};
|
|
81
94
|
//# sourceMappingURL=command.es.js.map
|
package/dist/command.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command.es.js","sources":["../src/components/command/Command.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Command as CommandPrimitive } from \"cmdk\";\r\nimport { Magnifier } from \"@trsys-tech/matrix-icons\";\r\nimport { type DialogProps } from \"@radix-ui/react-dialog\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Dialog, DialogContent } from \"../dialog/Dialog\";\r\n\r\nconst Command = React.forwardRef<React.ElementRef<typeof CommandPrimitive>, React.ComponentPropsWithoutRef<typeof CommandPrimitive>>(\r\n ({ className, ...props }, ref) => (\r\n <CommandPrimitive\r\n ref={ref}\r\n className={cn(\"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\", className)}\r\n {...props}\r\n />\r\n ),\r\n);\r\nCommand.displayName = CommandPrimitive.displayName;\r\n\r\nconst CommandDialog = ({ children, ...props }: DialogProps) => {\r\n return (\r\n <Dialog {...props}>\r\n <DialogContent className=\"overflow-hidden p-0\">\r\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n );\r\n};\r\n\r\nconst CommandInput = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Input>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>>(\r\n ({ className, ...props }, ref) => (\r\n <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\r\n <Magnifier className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n ref={ref}\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 {...props}\r\n />\r\n </div>\r\n ),\r\n);\r\n\r\nCommandInput.displayName = CommandPrimitive.Input.displayName;\r\n\r\nconst CommandList = React.forwardRef<React.ElementRef<typeof CommandPrimitive.List>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>>(\r\n ({ className, ...props }, ref) => (\r\n <CommandPrimitive.List ref={ref} className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)} {...props} />\r\n ),\r\n);\r\n\r\nCommandList.displayName = CommandPrimitive.List.displayName;\r\n\r\nconst CommandEmpty = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Empty>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>>(\r\n (props, ref) => <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />,\r\n);\r\n\r\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\r\n\r\nconst CommandGroup = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Group>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>>(\r\n ({ className, ...props }, ref) => (\r\n <CommandPrimitive.Group\r\n ref={ref}\r\n className={cn(\r\n \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n ),\r\n);\r\n\r\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\r\n\r\nconst CommandSeparator = React.forwardRef<\r\n React.ElementRef<typeof CommandPrimitive.Separator>,\r\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\r\n>(({ className, ...props }, ref) => <CommandPrimitive.Separator ref={ref} className={cn(\"-mx-1 h-px bg-border\", className)} {...props} />);\r\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\r\n\r\nconst CommandItem = React.forwardRef
|
|
1
|
+
{"version":3,"file":"command.es.js","sources":["../src/components/command/Command.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Command as CommandPrimitive } from \"cmdk\";\r\nimport { Magnifier } from \"@trsys-tech/matrix-icons\";\r\nimport { type DialogProps } from \"@radix-ui/react-dialog\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Dialog, DialogContent } from \"../dialog/Dialog\";\r\n\r\nconst Command = React.forwardRef<React.ElementRef<typeof CommandPrimitive>, React.ComponentPropsWithoutRef<typeof CommandPrimitive>>(\r\n ({ className, ...props }, ref) => (\r\n <CommandPrimitive\r\n ref={ref}\r\n className={cn(\"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\", className)}\r\n {...props}\r\n />\r\n ),\r\n);\r\nCommand.displayName = CommandPrimitive.displayName;\r\n\r\nconst CommandDialog = ({ children, ...props }: DialogProps) => {\r\n return (\r\n <Dialog {...props}>\r\n <DialogContent className=\"overflow-hidden p-0\">\r\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n );\r\n};\r\n\r\nconst CommandInput = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Input>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>>(\r\n ({ className, ...props }, ref) => (\r\n <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\r\n <Magnifier className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n ref={ref}\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 {...props}\r\n />\r\n </div>\r\n ),\r\n);\r\n\r\nCommandInput.displayName = CommandPrimitive.Input.displayName;\r\n\r\nconst CommandList = React.forwardRef<React.ElementRef<typeof CommandPrimitive.List>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>>(\r\n ({ className, ...props }, ref) => (\r\n <CommandPrimitive.List ref={ref} className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)} {...props} />\r\n ),\r\n);\r\n\r\nCommandList.displayName = CommandPrimitive.List.displayName;\r\n\r\nconst CommandEmpty = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Empty>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>>(\r\n (props, ref) => <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />,\r\n);\r\n\r\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\r\n\r\nconst CommandGroup = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Group>, React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>>(\r\n ({ className, ...props }, ref) => (\r\n <CommandPrimitive.Group\r\n ref={ref}\r\n className={cn(\r\n \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\r\n className,\r\n )}\r\n {...props}\r\n />\r\n ),\r\n);\r\n\r\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\r\n\r\nconst CommandSeparator = React.forwardRef<\r\n React.ElementRef<typeof CommandPrimitive.Separator>,\r\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\r\n>(({ className, ...props }, ref) => <CommandPrimitive.Separator ref={ref} className={cn(\"-mx-1 h-px bg-border\", className)} {...props} />);\r\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\r\n\r\nconst CommandItem = React.forwardRef<\r\n React.ElementRef<typeof CommandPrimitive.Item>,\r\n Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>, \"value\" | \"onSelect\"> & {\r\n value?: string | number;\r\n onSelect?: (value: string | number) => void;\r\n }\r\n>(({ className, value, onSelect, ...props }, ref) => {\r\n const handleSelect = React.useCallback(\r\n (selectedValue: string) => {\r\n if (typeof value === \"number\") {\r\n onSelect?.(Number(selectedValue));\r\n } else {\r\n onSelect?.(selectedValue);\r\n }\r\n },\r\n [value, onSelect],\r\n );\r\n return (\r\n <CommandPrimitive.Item\r\n ref={ref}\r\n className={cn(\r\n \"relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-gray-300 data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\r\n className,\r\n )}\r\n value={value !== undefined ? String(value) : undefined}\r\n onSelect={handleSelect}\r\n {...props}\r\n />\r\n );\r\n});\r\n\r\nCommandItem.displayName = CommandPrimitive.Item.displayName;\r\n\r\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\r\n return <span className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)} {...props} />;\r\n};\r\nCommandShortcut.displayName = \"CommandShortcut\";\r\n\r\nexport { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator };\r\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","jsxs","Magnifier","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","value","onSelect","handleSelect","selectedValue","CommandShortcut"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAqBjB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC;AAEzE,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAE/B,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,QAAA,MAAM,UAAU;gBAGA,KAAK,CAAC,SAAS;qCAE+C,CAAC;AAG/E,QAAA,MAAM,cAAc,2KAElB,CAAC;AAGH,QAAA,MAAM,cAAc,kKAElB,CAAC;AAGH,QAAA,MAAM,cAAc;cAGN,OAAO;2CAMnB,CAAC;AAGH,QAAA,MAAM,cAAc,sKAElB,CAAC;AAGH,QAAA,MAAM,mBAAmB;wCAAuC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;;CAIzF,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAA6B,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;;CAKhF,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAiClB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;AAC3E,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAErE,UAAU,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAYX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,IAAI,6GAER,CAAC;AAEH,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnD,QAAA,MAAM,UAAU,6GAEd,CAAC;AAEH,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/D,QAAA,MAAM,SAAS,uHAEb,CAAC;AAEH,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE7D,QAAA,MAAM,eAAe,yHAEnB,CAAC;AAEH,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAEzE,QAAA,MAAM,WAAW,6GAEf,CAAC;AAEH,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,QAAA,MAAM,UAAU,6GAEd,CAAC;AAEH,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/D,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC;AACjF,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKrD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAiBhB,CAAC;AAEH,UAAU,SAAU,SAAQ,KAAK,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,IAAI,mFAkBR,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAItH,QAAA,MAAM,WAAW,iKAKf,CAAC;AAGH,QAAA,MAAM,kBAAkB,wKAWtB,CAAC;AAGH,QAAA,MAAM,kBAAkB,8KAOtB,CAAC;AAGH,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,KAAK,uBAAuB,EAAE,CAAC"}
|