@gbmtech/aurora-ui 0.0.1
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/cjs/components/alert-dialog.cjs +3 -0
- package/dist/cjs/components/alert-dialog.cjs.map +1 -0
- package/dist/cjs/components/badge.cjs +2 -0
- package/dist/cjs/components/badge.cjs.map +1 -0
- package/dist/cjs/components/breadcrumb.cjs +2 -0
- package/dist/cjs/components/breadcrumb.cjs.map +1 -0
- package/dist/cjs/components/button.cjs +2 -0
- package/dist/cjs/components/button.cjs.map +1 -0
- package/dist/cjs/components/calendar.cjs +3 -0
- package/dist/cjs/components/calendar.cjs.map +1 -0
- package/dist/cjs/components/checkbox.cjs +3 -0
- package/dist/cjs/components/checkbox.cjs.map +1 -0
- package/dist/cjs/components/combobox.cjs +3 -0
- package/dist/cjs/components/combobox.cjs.map +1 -0
- package/dist/cjs/components/command.cjs +3 -0
- package/dist/cjs/components/command.cjs.map +1 -0
- package/dist/cjs/components/date-picker-with-range.cjs +3 -0
- package/dist/cjs/components/date-picker-with-range.cjs.map +1 -0
- package/dist/cjs/components/date-picker-with-time.cjs +3 -0
- package/dist/cjs/components/date-picker-with-time.cjs.map +1 -0
- package/dist/cjs/components/date-picker.cjs +3 -0
- package/dist/cjs/components/date-picker.cjs.map +1 -0
- package/dist/cjs/components/date-time-picker-with-range.cjs +3 -0
- package/dist/cjs/components/date-time-picker-with-range.cjs.map +1 -0
- package/dist/cjs/components/dialog.cjs +3 -0
- package/dist/cjs/components/dialog.cjs.map +1 -0
- package/dist/cjs/components/dropdown-menu.cjs +3 -0
- package/dist/cjs/components/dropdown-menu.cjs.map +1 -0
- package/dist/cjs/components/form.cjs +3 -0
- package/dist/cjs/components/form.cjs.map +1 -0
- package/dist/cjs/components/icons/rumo.cjs +2 -0
- package/dist/cjs/components/icons/rumo.cjs.map +1 -0
- package/dist/cjs/components/icons/vli.cjs +2 -0
- package/dist/cjs/components/icons/vli.cjs.map +1 -0
- package/dist/cjs/components/input-otp.cjs +3 -0
- package/dist/cjs/components/input-otp.cjs.map +1 -0
- package/dist/cjs/components/input-password.cjs +3 -0
- package/dist/cjs/components/input-password.cjs.map +1 -0
- package/dist/cjs/components/input.cjs +3 -0
- package/dist/cjs/components/input.cjs.map +1 -0
- package/dist/cjs/components/label.cjs +3 -0
- package/dist/cjs/components/label.cjs.map +1 -0
- package/dist/cjs/components/mask-input.cjs +3 -0
- package/dist/cjs/components/mask-input.cjs.map +1 -0
- package/dist/cjs/components/multi-select.cjs +3 -0
- package/dist/cjs/components/multi-select.cjs.map +1 -0
- package/dist/cjs/components/page-layout/index.cjs +2 -0
- package/dist/cjs/components/page-layout/index.cjs.map +1 -0
- package/dist/cjs/components/page-layout/page-layout-breadcrumb.cjs +2 -0
- package/dist/cjs/components/page-layout/page-layout-breadcrumb.cjs.map +1 -0
- package/dist/cjs/components/page-layout/page-layout-content.cjs +2 -0
- package/dist/cjs/components/page-layout/page-layout-content.cjs.map +1 -0
- package/dist/cjs/components/page-layout/page-layout-header.cjs +2 -0
- package/dist/cjs/components/page-layout/page-layout-header.cjs.map +1 -0
- package/dist/cjs/components/page-layout/page-layout-root.cjs +2 -0
- package/dist/cjs/components/page-layout/page-layout-root.cjs.map +1 -0
- package/dist/cjs/components/page-layout/page-layout-title.cjs +2 -0
- package/dist/cjs/components/page-layout/page-layout-title.cjs.map +1 -0
- package/dist/cjs/components/pagination.cjs +2 -0
- package/dist/cjs/components/pagination.cjs.map +1 -0
- package/dist/cjs/components/popover.cjs +3 -0
- package/dist/cjs/components/popover.cjs.map +1 -0
- package/dist/cjs/components/scroll-area.cjs +3 -0
- package/dist/cjs/components/scroll-area.cjs.map +1 -0
- package/dist/cjs/components/select.cjs +3 -0
- package/dist/cjs/components/select.cjs.map +1 -0
- package/dist/cjs/components/separator.cjs +3 -0
- package/dist/cjs/components/separator.cjs.map +1 -0
- package/dist/cjs/components/skeleton.cjs +2 -0
- package/dist/cjs/components/skeleton.cjs.map +1 -0
- package/dist/cjs/components/switch.cjs +3 -0
- package/dist/cjs/components/switch.cjs.map +1 -0
- package/dist/cjs/components/table-expandable.cjs +2 -0
- package/dist/cjs/components/table-expandable.cjs.map +1 -0
- package/dist/cjs/components/table.cjs +2 -0
- package/dist/cjs/components/table.cjs.map +1 -0
- package/dist/cjs/components/tabs/index.cjs +2 -0
- package/dist/cjs/components/tabs/index.cjs.map +1 -0
- package/dist/cjs/components/tabs/tabs-content.cjs +2 -0
- package/dist/cjs/components/tabs/tabs-content.cjs.map +1 -0
- package/dist/cjs/components/tabs/tabs-list.cjs +2 -0
- package/dist/cjs/components/tabs/tabs-list.cjs.map +1 -0
- package/dist/cjs/components/tabs/tabs-root.cjs +3 -0
- package/dist/cjs/components/tabs/tabs-root.cjs.map +1 -0
- package/dist/cjs/components/tabs/tabs-trigger.cjs +3 -0
- package/dist/cjs/components/tabs/tabs-trigger.cjs.map +1 -0
- package/dist/cjs/components/textarea.cjs +2 -0
- package/dist/cjs/components/textarea.cjs.map +1 -0
- package/dist/cjs/components/time-picker-input.cjs +3 -0
- package/dist/cjs/components/time-picker-input.cjs.map +1 -0
- package/dist/cjs/components/time-picker.cjs +3 -0
- package/dist/cjs/components/time-picker.cjs.map +1 -0
- package/dist/cjs/components/title.cjs +2 -0
- package/dist/cjs/components/title.cjs.map +1 -0
- package/dist/cjs/components/tokens-grid.cjs +2 -0
- package/dist/cjs/components/tokens-grid.cjs.map +1 -0
- package/dist/cjs/components/tooltip.cjs +3 -0
- package/dist/cjs/components/tooltip.cjs.map +1 -0
- package/dist/cjs/components/ui/time-picker-input.cjs +3 -0
- package/dist/cjs/components/ui/time-picker-input.cjs.map +1 -0
- package/dist/cjs/components/ui/time-picker.cjs +3 -0
- package/dist/cjs/components/ui/time-picker.cjs.map +1 -0
- package/dist/cjs/index.cjs +1 -0
- package/dist/cjs/index.css +486 -0
- package/dist/cjs/lib/utils.cjs +2 -0
- package/dist/cjs/lib/utils.cjs.map +1 -0
- package/dist/cjs/tokens/colors.cjs +2 -0
- package/dist/cjs/tokens/colors.cjs.map +1 -0
- package/dist/cjs/tokens/index.cjs +1 -0
- package/dist/cjs/utils/phosphor-icon-map.cjs +2 -0
- package/dist/cjs/utils/phosphor-icon-map.cjs.map +1 -0
- package/dist/cjs/utils/time-picker.cjs +2 -0
- package/dist/cjs/utils/time-picker.cjs.map +1 -0
- package/dist/esm/components/alert-dialog.js +3 -0
- package/dist/esm/components/alert-dialog.js.map +1 -0
- package/dist/esm/components/badge.js +2 -0
- package/dist/esm/components/badge.js.map +1 -0
- package/dist/esm/components/breadcrumb.js +2 -0
- package/dist/esm/components/breadcrumb.js.map +1 -0
- package/dist/esm/components/button.js +2 -0
- package/dist/esm/components/button.js.map +1 -0
- package/dist/esm/components/calendar.js +3 -0
- package/dist/esm/components/calendar.js.map +1 -0
- package/dist/esm/components/checkbox.js +3 -0
- package/dist/esm/components/checkbox.js.map +1 -0
- package/dist/esm/components/combobox.js +3 -0
- package/dist/esm/components/combobox.js.map +1 -0
- package/dist/esm/components/command.js +3 -0
- package/dist/esm/components/command.js.map +1 -0
- package/dist/esm/components/date-picker-with-range.js +3 -0
- package/dist/esm/components/date-picker-with-range.js.map +1 -0
- package/dist/esm/components/date-picker-with-time.js +3 -0
- package/dist/esm/components/date-picker-with-time.js.map +1 -0
- package/dist/esm/components/date-picker.js +3 -0
- package/dist/esm/components/date-picker.js.map +1 -0
- package/dist/esm/components/date-time-picker-with-range.js +3 -0
- package/dist/esm/components/date-time-picker-with-range.js.map +1 -0
- package/dist/esm/components/dialog.js +3 -0
- package/dist/esm/components/dialog.js.map +1 -0
- package/dist/esm/components/dropdown-menu.js +3 -0
- package/dist/esm/components/dropdown-menu.js.map +1 -0
- package/dist/esm/components/form.js +3 -0
- package/dist/esm/components/form.js.map +1 -0
- package/dist/esm/components/icons/rumo.js +2 -0
- package/dist/esm/components/icons/rumo.js.map +1 -0
- package/dist/esm/components/icons/vli.js +2 -0
- package/dist/esm/components/icons/vli.js.map +1 -0
- package/dist/esm/components/input-otp.js +3 -0
- package/dist/esm/components/input-otp.js.map +1 -0
- package/dist/esm/components/input-password.js +3 -0
- package/dist/esm/components/input-password.js.map +1 -0
- package/dist/esm/components/input.js +3 -0
- package/dist/esm/components/input.js.map +1 -0
- package/dist/esm/components/label.js +3 -0
- package/dist/esm/components/label.js.map +1 -0
- package/dist/esm/components/mask-input.js +3 -0
- package/dist/esm/components/mask-input.js.map +1 -0
- package/dist/esm/components/multi-select.js +3 -0
- package/dist/esm/components/multi-select.js.map +1 -0
- package/dist/esm/components/page-layout/index.js +2 -0
- package/dist/esm/components/page-layout/index.js.map +1 -0
- package/dist/esm/components/page-layout/page-layout-breadcrumb.js +2 -0
- package/dist/esm/components/page-layout/page-layout-breadcrumb.js.map +1 -0
- package/dist/esm/components/page-layout/page-layout-content.js +2 -0
- package/dist/esm/components/page-layout/page-layout-content.js.map +1 -0
- package/dist/esm/components/page-layout/page-layout-header.js +2 -0
- package/dist/esm/components/page-layout/page-layout-header.js.map +1 -0
- package/dist/esm/components/page-layout/page-layout-root.js +2 -0
- package/dist/esm/components/page-layout/page-layout-root.js.map +1 -0
- package/dist/esm/components/page-layout/page-layout-title.js +2 -0
- package/dist/esm/components/page-layout/page-layout-title.js.map +1 -0
- package/dist/esm/components/pagination.js +2 -0
- package/dist/esm/components/pagination.js.map +1 -0
- package/dist/esm/components/popover.js +3 -0
- package/dist/esm/components/popover.js.map +1 -0
- package/dist/esm/components/scroll-area.js +3 -0
- package/dist/esm/components/scroll-area.js.map +1 -0
- package/dist/esm/components/select.js +3 -0
- package/dist/esm/components/select.js.map +1 -0
- package/dist/esm/components/separator.js +3 -0
- package/dist/esm/components/separator.js.map +1 -0
- package/dist/esm/components/skeleton.js +2 -0
- package/dist/esm/components/skeleton.js.map +1 -0
- package/dist/esm/components/switch.js +3 -0
- package/dist/esm/components/switch.js.map +1 -0
- package/dist/esm/components/table-expandable.js +2 -0
- package/dist/esm/components/table-expandable.js.map +1 -0
- package/dist/esm/components/table.js +2 -0
- package/dist/esm/components/table.js.map +1 -0
- package/dist/esm/components/tabs/index.js +2 -0
- package/dist/esm/components/tabs/index.js.map +1 -0
- package/dist/esm/components/tabs/tabs-content.js +2 -0
- package/dist/esm/components/tabs/tabs-content.js.map +1 -0
- package/dist/esm/components/tabs/tabs-list.js +2 -0
- package/dist/esm/components/tabs/tabs-list.js.map +1 -0
- package/dist/esm/components/tabs/tabs-root.js +3 -0
- package/dist/esm/components/tabs/tabs-root.js.map +1 -0
- package/dist/esm/components/tabs/tabs-trigger.js +3 -0
- package/dist/esm/components/tabs/tabs-trigger.js.map +1 -0
- package/dist/esm/components/textarea.js +2 -0
- package/dist/esm/components/textarea.js.map +1 -0
- package/dist/esm/components/time-picker-input.js +3 -0
- package/dist/esm/components/time-picker-input.js.map +1 -0
- package/dist/esm/components/time-picker.js +3 -0
- package/dist/esm/components/time-picker.js.map +1 -0
- package/dist/esm/components/title.js +2 -0
- package/dist/esm/components/title.js.map +1 -0
- package/dist/esm/components/tokens-grid.js +2 -0
- package/dist/esm/components/tokens-grid.js.map +1 -0
- package/dist/esm/components/tooltip.js +3 -0
- package/dist/esm/components/tooltip.js.map +1 -0
- package/dist/esm/components/ui/time-picker-input.js +3 -0
- package/dist/esm/components/ui/time-picker-input.js.map +1 -0
- package/dist/esm/components/ui/time-picker.js +3 -0
- package/dist/esm/components/ui/time-picker.js.map +1 -0
- package/dist/esm/index.css +486 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/lib/utils.js +2 -0
- package/dist/esm/lib/utils.js.map +1 -0
- package/dist/esm/tokens/colors.js +2 -0
- package/dist/esm/tokens/colors.js.map +1 -0
- package/dist/esm/tokens/index.js +1 -0
- package/dist/esm/utils/phosphor-icon-map.js +2 -0
- package/dist/esm/utils/phosphor-icon-map.js.map +1 -0
- package/dist/esm/utils/time-picker.js +2 -0
- package/dist/esm/utils/time-picker.js.map +1 -0
- package/dist/types/components/alert-dialog.d.ts +20 -0
- package/dist/types/components/badge.d.ts +12 -0
- package/dist/types/components/breadcrumb.d.ts +23 -0
- package/dist/types/components/button.d.ts +13 -0
- package/dist/types/components/calendar.d.ts +7 -0
- package/dist/types/components/checkbox.d.ts +5 -0
- package/dist/types/components/combobox.d.ts +15 -0
- package/dist/types/components/command.d.ts +83 -0
- package/dist/types/components/date-picker-with-range.d.ts +11 -0
- package/dist/types/components/date-picker-with-time.d.ts +10 -0
- package/dist/types/components/date-picker.d.ts +10 -0
- package/dist/types/components/date-time-picker-with-range.d.ts +11 -0
- package/dist/types/components/dialog.d.ts +19 -0
- package/dist/types/components/dropdown-menu.d.ts +27 -0
- package/dist/types/components/form.d.ts +23 -0
- package/dist/types/components/icons/rumo.d.ts +1 -0
- package/dist/types/components/icons/vli.d.ts +1 -0
- package/dist/types/components/input-otp.d.ts +34 -0
- package/dist/types/components/input-password.d.ts +3 -0
- package/dist/types/components/input.d.ts +12 -0
- package/dist/types/components/label.d.ts +4 -0
- package/dist/types/components/mask-input.d.ts +8 -0
- package/dist/types/components/multi-select.d.ts +23 -0
- package/dist/types/components/page-layout/index.d.ts +9 -0
- package/dist/types/components/page-layout/page-layout-breadcrumb.d.ts +16 -0
- package/dist/types/components/page-layout/page-layout-content.d.ts +2 -0
- package/dist/types/components/page-layout/page-layout-header.d.ts +2 -0
- package/dist/types/components/page-layout/page-layout-root.d.ts +2 -0
- package/dist/types/components/page-layout/page-layout-title.d.ts +7 -0
- package/dist/types/components/pagination.d.ts +28 -0
- package/dist/types/components/popover.d.ts +5 -0
- package/dist/types/components/scroll-area.d.ts +4 -0
- package/dist/types/components/select.d.ts +11 -0
- package/dist/types/components/separator.d.ts +3 -0
- package/dist/types/components/skeleton.d.ts +6 -0
- package/dist/types/components/switch.d.ts +3 -0
- package/dist/types/components/table-expandable.d.ts +40 -0
- package/dist/types/components/table.d.ts +10 -0
- package/dist/types/components/tabs/index.d.ts +8 -0
- package/dist/types/components/tabs/tabs-content.d.ts +4 -0
- package/dist/types/components/tabs/tabs-list.d.ts +4 -0
- package/dist/types/components/tabs/tabs-root.d.ts +12 -0
- package/dist/types/components/tabs/tabs-trigger.d.ts +4 -0
- package/dist/types/components/textarea.d.ts +4 -0
- package/dist/types/components/time-picker-input.d.ts +11 -0
- package/dist/types/components/time-picker.d.ts +6 -0
- package/dist/types/components/title.d.ts +4 -0
- package/dist/types/components/tokens-grid.d.ts +6 -0
- package/dist/types/components/tooltip.d.ts +9 -0
- package/dist/types/components/ui/time-picker-input.d.ts +11 -0
- package/dist/types/components/ui/time-picker.d.ts +6 -0
- package/dist/types/index.d.ts +33 -0
- package/dist/types/lib/utils.d.ts +2 -0
- package/dist/types/tokens/colors.d.ts +155 -0
- package/dist/types/tokens/index.d.ts +1 -0
- package/dist/types/utils/phosphor-icon-map.d.ts +7 -0
- package/dist/types/utils/time-picker.d.ts +28 -0
- package/package.json +75 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\input.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/input.tsx"],"sourcesContent":["\r\n\r\nimport { InputHTMLAttributes, ReactNode, forwardRef } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nexport type InputProps = Omit<\r\n InputHTMLAttributes<HTMLInputElement>,\r\n 'prefix'\r\n> & {\r\n prefix?: ReactNode\r\n suffix?: ReactNode\r\n inputClassName?: string\r\n}\r\n\r\nconst Input = forwardRef<HTMLInputElement, InputProps>(\r\n (\r\n { className, type, disabled, prefix, suffix, inputClassName, ...props },\r\n ref\r\n ) => {\r\n return (\r\n <div\r\n className={cn(\r\n 'flex h-12 w-full items-center rounded-md border border-zinc-200 bg-background ring-offset-background placeholder:text-zinc-400 focus-within:outline-none focus-within:ring-2 focus-within:ring-gbm-sky focus-within:ring-offset-2 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',\r\n className\r\n )}\r\n data-disabled={disabled}\r\n >\r\n {prefix && <span className=\"ml-4\">{prefix}</span>}\r\n\r\n <input\r\n className={cn(\r\n 'peer h-full w-full flex-1 overflow-hidden bg-transparent px-4 text-base outline-none placeholder:text-zinc-400',\r\n inputClassName\r\n )}\r\n ref={ref}\r\n type={type}\r\n disabled={disabled}\r\n onKeyDown={e => {\r\n if (type === 'number' && ['e', 'E', '+', '-'].includes(e.key)) {\r\n e.preventDefault()\r\n }\r\n }}\r\n onFocus={e => {\r\n if (type === 'number') {\r\n e.target.addEventListener(\r\n 'wheel',\r\n e => {\r\n e.preventDefault()\r\n },\r\n { passive: false }\r\n )\r\n }\r\n }}\r\n {...props}\r\n />\r\n\r\n {suffix && <span className=\"mx-4\">{suffix}</span>}\r\n </div>\r\n )\r\n }\r\n)\r\nInput.displayName = 'Input'\r\n\r\nexport { Input }\r\n"],"names":["Input","forwardRef","className","type","disabled","prefix","suffix","inputClassName","props","ref","cn","e"],"mappings":";8FAeA,IAAMA,EAAQC,GAAAA,EAAAA,UAAAA,EACZ,CACE,CAAEC,UAAAA,CAAS,CAAEC,KAAAA,CAAI,CAAEC,SAAAA,CAAQ,CAAEC,OAAAA,CAAM,CAAEC,OAAAA,CAAM,CAAEC,eAAAA,CAAc,CAAE,GAAGC,EAAO,CACvEC,IAGE,WAAC,OACC,UAAWC,GAAAA,EAAAA,EAAAA,EACT,4SACAR,GAEF,gBAAeE,E,UAEdC,GAAU,UAAC,QAAK,UAAU,O,SAAQA,C,GAEnC,UAAC,SACC,UAAWK,GAAAA,EAAAA,EAAAA,EACT,iHACAH,GAEF,IAAKE,EACL,KAAMN,EACN,SAAUC,EACV,UAAWO,IACLR,WAAAA,GAAqB,CAAC,IAAK,IAAK,IAAK,IAAI,CAAC,QAAQ,CAACQ,EAAE,GAAG,GAC1DA,EAAE,cAAc,EAEpB,EACA,QAASA,IACHR,WAAAA,GACFQ,EAAE,MAAM,CAAC,gBAAgB,CACvB,QACAA,IACEA,EAAE,cAAc,EAClB,EACA,CAAE,QAAS,EAAM,EAGvB,EACC,GAAGH,CAAK,GAGVF,GAAU,UAAC,QAAK,UAAU,O,SAAQA,C,MAK3CN,CAAAA,EAAM,WAAW,CAAG,e"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as a from"react/jsx-runtime";import*as e from"@radix-ui/react-label";import*as r from"class-variance-authority";import*as t from"react";import*as o from"../lib/utils.js";let i=(0,r.cva)("font-medium text-base text-gbm-dark leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),s=(0,t.forwardRef)(({className:r,...t},s)=>(0,a.jsx)(e.Root,{ref:s,className:(0,o.cn)(i(),r),...t}));s.displayName="Label";export{s as Label};
|
|
3
|
+
//# sourceMappingURL=label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\label.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/label.tsx"],"sourcesContent":["\r\n\r\nimport * as LabelPrimitive from '@radix-ui/react-label'\r\nimport { type VariantProps, cva } from 'class-variance-authority'\r\nimport {\r\n type ComponentPropsWithoutRef,\r\n type ElementRef,\r\n forwardRef,\r\n} from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst labelVariants = cva(\r\n 'font-medium text-base text-gbm-dark leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'\r\n)\r\n\r\nconst Label = forwardRef<\r\n ElementRef<typeof LabelPrimitive.Root>,\r\n ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\r\n VariantProps<typeof labelVariants>\r\n>(({ className, ...props }, ref) => (\r\n <LabelPrimitive.Root\r\n ref={ref}\r\n className={cn(labelVariants(), className)}\r\n {...props}\r\n />\r\n))\r\nLabel.displayName = 'Label'\r\n\r\nexport { Label }\r\n"],"names":["labelVariants","cva","Label","forwardRef","className","props","ref","LabelPrimitive","cn"],"mappings":";iLAYA,IAAMA,EAAgBC,GAAAA,EAAAA,GAAAA,EACpB,8GAGIC,EAAQC,GAAAA,EAAAA,UAAAA,EAIZ,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAACC,EAAAA,IAAmB,EAClB,IAAKD,EACL,UAAWE,GAAAA,EAAAA,EAAAA,EAAGR,IAAiBI,GAC9B,GAAGC,CAAK,GAGbH,CAAAA,EAAM,WAAW,CAAG,e"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as t from"react/jsx-runtime";import*as e from"react";import*as r from"../lib/utils.js";import*as m from"./input.js";function a({value:a,onChange:i,decimals:n=3,className:u,...o}){let s=10**n,[c,l]=(0,e.useState)("");return(0,e.useEffect)(()=>{"number"!=typeof a||Number.isNaN(a)||l(Math.round(a*s).toString())},[a,s]),(0,t.jsx)(m.Input,{value:function(t){let e=Number(t)/s;return new Intl.NumberFormat("pt-BR",{style:"decimal",minimumFractionDigits:n,maximumFractionDigits:n}).format(e)}(c),onChange:function(t){let e=t.target.value.replace(/\D/g,""),r=Number(e)/s;l(e),i(r)},className:(0,r.cn)("h-12",u),...o})}export{a as MaskInput};
|
|
3
|
+
//# sourceMappingURL=mask-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\mask-input.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/mask-input.tsx"],"sourcesContent":["\r\n\r\nimport { InputHTMLAttributes, useEffect, useState } from 'react'\r\nimport { cn } from '../lib/utils'\r\nimport { Input } from './input'\r\n\r\ninterface MaskInputProps\r\n extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {\r\n value: number | undefined\r\n onChange: (value: number) => void\r\n decimals?: number\r\n}\r\n\r\nfunction MaskInput({\r\n value,\r\n onChange,\r\n decimals = 3,\r\n className,\r\n ...rest\r\n}: MaskInputProps) {\r\n const scale = 10 ** decimals\r\n const [rawDigits, setRawDigits] = useState('')\r\n\r\n useEffect(() => {\r\n if (typeof value === 'number' && !Number.isNaN(value)) {\r\n const digits = Math.round(value * scale).toString()\r\n setRawDigits(digits)\r\n }\r\n }, [value, scale])\r\n\r\n function formatToMaskedValue(digits: string) {\r\n const number = Number(digits) / scale\r\n\r\n return new Intl.NumberFormat('pt-BR', {\r\n style: 'decimal',\r\n minimumFractionDigits: decimals,\r\n maximumFractionDigits: decimals,\r\n }).format(number)\r\n }\r\n\r\n function handleChange(e: React.ChangeEvent<HTMLInputElement>) {\r\n const input = e.target.value\r\n const digitsOnly = input.replace(/\\D/g, '')\r\n\r\n const parsed = Number(digitsOnly) / scale\r\n\r\n setRawDigits(digitsOnly)\r\n onChange(parsed)\r\n }\r\n\r\n return (\r\n <Input\r\n value={formatToMaskedValue(rawDigits)}\r\n onChange={handleChange}\r\n className={cn('h-12', className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nexport { MaskInput }\r\n"],"names":["MaskInput","value","onChange","decimals","className","rest","scale","rawDigits","setRawDigits","useState","useEffect","Number","Math","Input","formatToMaskedValue","digits","number","Intl","e","digitsOnly","input","parsed","cn"],"mappings":";2HAaA,SAASA,EAAU,CACjBC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACRC,SAAAA,EAAW,CAAC,CACZC,UAAAA,CAAS,CACT,GAAGC,EACY,EACf,IAAMC,EAAQ,IAAMH,EACd,CAACI,EAAWC,EAAa,CAAGC,GAAAA,EAAAA,QAAAA,EAAS,UAE3CC,GAAAA,EAAAA,SAAAA,EAAU,KACa,UAAjB,OAAOT,GAAuBU,OAAO,KAAK,CAACV,IAE7CO,EADeI,KAAK,KAAK,CAACX,EAAQK,GAAO,QAAQ,GAGrD,EAAG,CAACL,EAAOK,EAAM,EAuBf,UAACO,EAAAA,KAAKA,CAAAA,CACJ,MAAOC,SAtBkBC,CAAc,EACzC,IAAMC,EAASL,OAAOI,GAAUT,EAEhC,OAAO,IAAIW,KAAK,YAAY,CAAC,QAAS,CACpC,MAAO,UACP,sBAAuBd,EACvB,sBAAuBA,CACzB,GAAG,MAAM,CAACa,EACZ,EAc+BT,GAC3B,SAbJ,SAAsBW,CAAsC,EAE1D,IAAMC,EAAaC,EADH,MAAM,CAAC,KAAK,CACH,OAAO,CAAC,MAAO,IAElCC,EAASV,OAAOQ,GAAcb,EAEpCE,EAAaW,GACbjB,EAASmB,EACX,EAMI,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,OAAQlB,GACrB,GAAGC,CAAI,EAGd,Q"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as s from"@phosphor-icons/react/dist/ssr";import*as a from"class-variance-authority";import*as r from"react";import*as t from"../lib/utils.js";import*as l from"./badge.js";import*as o from"./button.js";import*as n from"./checkbox.js";import*as i from"./command.js";import*as c from"./popover.js";let m=(0,a.cva)("h-6 gap-0 px-1.5 font-normal text-xs",{variants:{variant:{default:"rounded-sm bg-azure-50 text-azure-500 hover:bg-card/80"}},defaultVariants:{variant:"default"}}),d=(0,r.forwardRef)(({options:a,onValueChange:d,variant:x,defaultValue:p=[],placeholder:h="Select options",maxCount:u=2,modalPopover:j=!1,className:g,...f},b)=>{let[N,v]=(0,r.useState)(p),[w,C]=(0,r.useState)(!1),k=e=>{let s=N.includes(e)?N.filter(s=>s!==e):[...N,e];v(s),d?.(s)},y=()=>{v([]),d?.([])},S=()=>{let e=N.slice(0,u);v(e),d?.(e)};return(0,e.jsxs)(c.Popover,{open:w,onOpenChange:C,modal:j,children:[(0,e.jsx)(c.PopoverTrigger,{asChild:!0,children:(0,e.jsx)(o.Button,{ref:b,...f,onClick:()=>{C(e=>!e)},className:(0,t.cn)("flex h-12 w-auto min-w-60 items-center justify-between rounded-md border border-stroke bg-white px-3 hover:bg-gray-50",g),children:N.length>0?(0,e.jsxs)("div",{className:"flex w-full items-center justify-between",children:[(0,e.jsxs)("div",{className:"flex items-center gap-x-1",children:[N.slice(0,u).map(r=>{let o=a.find(e=>e.value===r),n=o?.icon;return(0,e.jsxs)(l.Badge,{className:(0,t.cn)(m({variant:x})),children:[n&&(0,e.jsx)(n,{className:"mr-2 h-4 w-4"}),(0,e.jsx)("span",{className:"max-w-32 truncate",children:o?.label}),(0,e.jsx)(s.X,{className:"ml-1 size-3 cursor-pointer",onClick:e=>{e.stopPropagation(),k(r)}})]},r)}),N.length>u&&(0,e.jsxs)(l.Badge,{className:(0,t.cn)(m({variant:x})),children:[`+ ${N.length-u} ...`,(0,e.jsx)(s.X,{className:"ml-1 size-3 cursor-pointer",onClick:e=>{e.stopPropagation(),S()}})]})]}),(0,e.jsx)("div",{className:"ml-4 flex items-center",children:w?(0,e.jsx)(s.CaretUp,{weight:"bold",className:"size-4 cursor-pointer text-gbm-dark"}):(0,e.jsx)(s.CaretDown,{weight:"bold",className:"size-4 cursor-pointer text-gbm-dark"})})]}):(0,e.jsxs)("div",{className:"mx-auto flex w-full items-center justify-between",children:[(0,e.jsx)("span",{className:"font-normal text-gbm-dark/50 text-sm",children:"Select options"===h?"Selecione as op\xe7\xf5es":h}),w?(0,e.jsx)(s.CaretUp,{weight:"bold",className:"ml-2 size-4 cursor-pointer text-gbm-dark"}):(0,e.jsx)(s.CaretDown,{weight:"bold",className:"ml-2 size-4 cursor-pointer text-gbm-dark"})]})})}),(0,e.jsx)(c.PopoverContent,{className:"w-auto p-0",align:"start",onEscapeKeyDown:()=>C(!1),children:(0,e.jsxs)(i.Command,{children:[(0,e.jsx)(i.CommandInput,{placeholder:"Pesquisar...",onKeyDown:e=>{"Enter"===e.key&&C(!0)}}),(0,e.jsxs)(i.CommandList,{children:[(0,e.jsx)(i.CommandEmpty,{children:"Nenhum resultado encontrado."}),(0,e.jsxs)(i.CommandGroup,{children:[(0,e.jsxs)(i.CommandItem,{onSelect:()=>{if(N.length===a.length)y();else{let e=a.map(e=>e.value);v(e),d?.(e)}},className:"cursor-pointer",children:[(0,e.jsx)(n.Checkbox,{checked:N.length===a.length,className:"mr-2"}),(0,e.jsx)("span",{children:"(Selecionar todos)"})]},"all"),a.map(s=>{let a=N.includes(s.value);return(0,e.jsxs)(i.CommandItem,{onSelect:()=>k(s.value),className:"cursor-pointer",children:[(0,e.jsx)(n.Checkbox,{checked:a,className:"mr-2"}),s.icon&&(0,e.jsx)(s.icon,{className:"mr-2 size-4 text-gbm-dark"}),(0,e.jsx)("span",{children:s.label})]},s.value)})]})]})]})})]})});d.displayName="MultiSelect";export{d as MultiSelect};
|
|
3
|
+
//# sourceMappingURL=multi-select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\multi-select.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/multi-select.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDown, CaretUp, X } from '@phosphor-icons/react/dist/ssr'\r\nimport { type VariantProps, cva } from 'class-variance-authority'\r\nimport {\r\n ButtonHTMLAttributes,\r\n ComponentType,\r\n KeyboardEvent,\r\n forwardRef,\r\n useState,\r\n} from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Badge } from './badge'\r\nimport { Button } from './button'\r\nimport { Checkbox } from './checkbox'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\nconst multiSelectVariants = cva('h-6 gap-0 px-1.5 font-normal text-xs', {\r\n variants: {\r\n variant: {\r\n default: 'rounded-sm bg-azure-50 text-azure-500 hover:bg-card/80',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\ninterface MultiSelectProps\r\n extends ButtonHTMLAttributes<HTMLButtonElement>,\r\n VariantProps<typeof multiSelectVariants> {\r\n options: {\r\n label: string\r\n value: string\r\n icon?: ComponentType<{ className?: string }>\r\n }[]\r\n defaultValue?: string[]\r\n placeholder?: string\r\n maxCount?: number\r\n modalPopover?: boolean\r\n asChild?: boolean\r\n className?: string\r\n onValueChange?: (value: string[]) => void\r\n}\r\n\r\nexport const MultiSelect = forwardRef<HTMLButtonElement, MultiSelectProps>(\r\n (\r\n {\r\n options,\r\n onValueChange,\r\n variant,\r\n defaultValue = [],\r\n placeholder = 'Select options',\r\n maxCount = 2,\r\n modalPopover = false,\r\n className,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const [selectedValues, setSelectedValues] = useState<string[]>(defaultValue)\r\n const [isPopoverOpen, setIsPopoverOpen] = useState(false)\r\n\r\n const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === 'Enter') {\r\n setIsPopoverOpen(true)\r\n }\r\n }\r\n\r\n const toggleOption = (option: string) => {\r\n const newSelectedValues = selectedValues.includes(option)\r\n ? selectedValues.filter(value => value !== option)\r\n : [...selectedValues, option]\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const handleClear = () => {\r\n setSelectedValues([])\r\n onValueChange?.([])\r\n }\r\n\r\n const handleTogglePopover = () => {\r\n setIsPopoverOpen(prev => !prev)\r\n }\r\n\r\n const clearExtraOptions = () => {\r\n const newSelectedValues = selectedValues.slice(0, maxCount)\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const toggleAll = () => {\r\n if (selectedValues.length === options.length) {\r\n handleClear()\r\n } else {\r\n const allValues = options.map(option => option.value)\r\n setSelectedValues(allValues)\r\n onValueChange?.(allValues)\r\n }\r\n }\r\n\r\n return (\r\n <Popover\r\n open={isPopoverOpen}\r\n onOpenChange={setIsPopoverOpen}\r\n modal={modalPopover}\r\n >\r\n <PopoverTrigger asChild>\r\n <Button\r\n ref={ref}\r\n {...props}\r\n onClick={handleTogglePopover}\r\n className={cn(\r\n 'flex h-12 w-auto min-w-60 items-center justify-between rounded-md border border-stroke bg-white px-3 hover:bg-gray-50',\r\n className\r\n )}\r\n >\r\n {selectedValues.length > 0 ? (\r\n <div className=\"flex w-full items-center justify-between\">\r\n <div className=\"flex items-center gap-x-1\">\r\n {selectedValues.slice(0, maxCount).map(value => {\r\n const option = options.find(o => o.value === value)\r\n const IconComponent = option?.icon\r\n return (\r\n <Badge\r\n key={value}\r\n className={cn(multiSelectVariants({ variant }))}\r\n >\r\n {IconComponent && (\r\n <IconComponent className=\"mr-2 h-4 w-4\" />\r\n )}\r\n <span className=\"max-w-32 truncate\">\r\n {option?.label}\r\n </span>\r\n <X\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n toggleOption(value)\r\n }}\r\n />\r\n </Badge>\r\n )\r\n })}\r\n\r\n {selectedValues.length > maxCount && (\r\n <Badge className={cn(multiSelectVariants({ variant }))}>\r\n {`+ ${selectedValues.length - maxCount} ...`}\r\n <X\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n clearExtraOptions()\r\n }}\r\n />\r\n </Badge>\r\n )}\r\n </div>\r\n <div className=\"ml-4 flex items-center\">\r\n {isPopoverOpen ? (\r\n <CaretUp\r\n weight=\"bold\"\r\n className=\"size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n ) : (\r\n <CaretDown\r\n weight=\"bold\"\r\n className=\"size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n )}\r\n </div>\r\n </div>\r\n ) : (\r\n <div className=\"mx-auto flex w-full items-center justify-between\">\r\n <span className=\"font-normal text-gbm-dark/50 text-sm\">\r\n {placeholder === 'Select options'\r\n ? 'Selecione as opções'\r\n : placeholder}\r\n </span>\r\n {isPopoverOpen ? (\r\n <CaretUp\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n ) : (\r\n <CaretDown\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n )}\r\n </div>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n className=\"w-auto p-0\"\r\n align=\"start\"\r\n onEscapeKeyDown={() => setIsPopoverOpen(false)}\r\n >\r\n <Command>\r\n <CommandInput\r\n placeholder=\"Pesquisar...\"\r\n onKeyDown={handleInputKeyDown}\r\n />\r\n <CommandList>\r\n <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\r\n <CommandGroup>\r\n <CommandItem\r\n key=\"all\"\r\n onSelect={toggleAll}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox\r\n checked={selectedValues.length === options.length}\r\n className=\"mr-2\"\r\n />\r\n <span>(Selecionar todos)</span>\r\n </CommandItem>\r\n {options.map(option => {\r\n const isSelected = selectedValues.includes(option.value)\r\n return (\r\n <CommandItem\r\n key={option.value}\r\n onSelect={() => toggleOption(option.value)}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox checked={isSelected} className=\"mr-2\" />\r\n {option.icon && (\r\n <option.icon className=\"mr-2 size-4 text-gbm-dark\" />\r\n )}\r\n <span>{option.label}</span>\r\n </CommandItem>\r\n )\r\n })}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n }\r\n)\r\n\r\nMultiSelect.displayName = 'MultiSelect'\r\n"],"names":["multiSelectVariants","cva","MultiSelect","forwardRef","options","onValueChange","variant","defaultValue","placeholder","maxCount","modalPopover","className","props","ref","selectedValues","setSelectedValues","useState","isPopoverOpen","setIsPopoverOpen","toggleOption","option","newSelectedValues","value","handleClear","clearExtraOptions","Popover","PopoverTrigger","Button","prev","cn","o","IconComponent","Badge","X","event","CaretUp","CaretDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","allValues","Checkbox","isSelected"],"mappings":";mVA0BA,IAAMA,EAAsBC,GAAAA,EAAAA,GAAAA,EAAI,uCAAwC,CACtE,SAAU,CACR,QAAS,CACP,QAAS,wDACX,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,GAmBaC,EAAcC,GAAAA,EAAAA,UAAAA,EACzB,CACE,CACEC,QAAAA,CAAO,CACPC,cAAAA,CAAa,CACbC,QAAAA,CAAO,CACPC,aAAAA,EAAe,EAAE,CACjBC,YAAAA,EAAc,gBAAgB,CAC9BC,SAAAA,EAAW,CAAC,CACZC,aAAAA,EAAe,EAAK,CACpBC,UAAAA,CAAS,CACT,GAAGC,EACJ,CACDC,KAEA,GAAM,CAACC,EAAgBC,EAAkB,CAAGC,GAAAA,EAAAA,QAAAA,EAAmBT,GACzD,CAACU,EAAeC,EAAiB,CAAGF,GAAAA,EAAAA,QAAAA,EAAS,IAQ7CG,EAAe,IACnB,IAAME,EAAoBP,EAAe,QAAQ,CAACM,GAC9CN,EAAe,MAAM,CAACQ,GAASA,IAAUF,GACzC,IAAIN,EAAgBM,EAAO,CAC/BL,EAAkBM,GAClBhB,IAAgBgB,EAClB,EAEME,EAAc,KAClBR,EAAkB,EAAE,EACpBV,IAAgB,EAAE,CACpB,EAMMmB,EAAoB,KACxB,IAAMH,EAAoBP,EAAe,KAAK,CAAC,EAAGL,GAClDM,EAAkBM,GAClBhB,IAAgBgB,EAClB,EAYA,MACE,WAACI,EAAAA,OAAOA,CAAAA,CACN,KAAMR,EACN,aAAcC,EACd,MAAOR,E,UAEP,UAACgB,EAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,UAACC,EAAAA,MAAMA,CAAAA,CACL,IAAKd,EACJ,GAAGD,CAAK,CACT,QA9BoB,KAC1BM,EAAiBU,GAAQ,CAACA,EAC5B,EA6BQ,UAAWC,GAAAA,EAAAA,EAAAA,EACT,wHACAlB,G,SAGDG,EAAe,MAAM,CAAG,EACvB,WAAC,OAAI,UAAU,2C,UACb,WAAC,OAAI,UAAU,4B,UACZA,EAAe,KAAK,CAAC,EAAGL,GAAU,GAAG,CAACa,IACrC,IAAMF,EAAShB,EAAQ,IAAI,CAAC0B,GAAKA,EAAE,KAAK,GAAKR,GACvCS,EAAgBX,GAAQ,KAC9B,MACE,WAACY,EAAAA,KAAKA,CAAAA,CAEJ,UAAWH,GAAAA,EAAAA,EAAAA,EAAG7B,EAAoB,CAAEM,QAAAA,CAAQ,I,UAE3CyB,GACC,UAACA,EAAAA,CAAc,UAAU,c,GAE3B,UAAC,QAAK,UAAU,oB,SACbX,GAAQ,K,GAEX,UAACa,EAAAA,CAACA,CAAAA,CACA,UAAU,6BACV,QAASC,IACPA,EAAM,eAAe,GACrBf,EAAaG,EACf,C,KAdGA,EAkBX,GAECR,EAAe,MAAM,CAAGL,GACvB,WAACuB,EAAAA,KAAKA,CAAAA,CAAC,UAAWH,GAAAA,EAAAA,EAAAA,EAAG7B,EAAoB,CAAEM,QAAAA,CAAQ,I,UAChD,CAAC,EAAE,EAAEQ,EAAe,MAAM,CAAGL,EAAS,IAAI,CAAC,CAC5C,UAACwB,EAAAA,CAACA,CAAAA,CACA,UAAU,6BACV,QAASC,IACPA,EAAM,eAAe,GACrBV,GACF,C,SAKR,UAAC,OAAI,UAAU,yB,SACZP,EACC,UAACkB,EAAAA,OAAOA,CAAAA,CACN,OAAO,OACP,UAAU,qC,GAGZ,UAACC,EAAAA,SAASA,CAAAA,CACR,OAAO,OACP,UAAU,qC,QAMlB,WAAC,OAAI,UAAU,mD,UACb,UAAC,QAAK,UAAU,uC,SACb5B,mBAAAA,EACG,4BACAA,C,GAELS,EACC,UAACkB,EAAAA,OAAOA,CAAAA,CACN,OAAO,OACP,UAAU,0C,GAGZ,UAACC,EAAAA,SAASA,CAAAA,CACR,OAAO,OACP,UAAU,0C,UAOtB,UAACC,EAAAA,cAAcA,CAAAA,CACb,UAAU,aACV,MAAM,QACN,gBAAiB,IAAMnB,EAAiB,I,SAExC,WAACoB,EAAAA,OAAOA,CAAAA,C,UACN,UAACC,EAAAA,YAAYA,CAAAA,CACX,YAAY,eACZ,UA5IiB,IACrBL,UAAAA,EAAM,GAAG,EACXhB,EAAiB,GAErB,C,GA0IQ,WAACsB,EAAAA,WAAWA,CAAAA,C,UACV,UAACC,EAAAA,YAAYA,CAAAA,C,SAAC,8B,GACd,WAACC,EAAAA,YAAYA,CAAAA,C,UACX,WAACC,EAAAA,WAAWA,CAAAA,CAEV,SAtHI,KAChB,GAAI7B,EAAe,MAAM,GAAKV,EAAQ,MAAM,CAC1CmB,QACK,CACL,IAAMqB,EAAYxC,EAAQ,GAAG,CAACgB,GAAUA,EAAO,KAAK,EACpDL,EAAkB6B,GAClBvC,IAAgBuC,EAClB,CACF,EA+Gc,UAAU,iB,UAEV,UAACC,EAAAA,QAAQA,CAAAA,CACP,QAAS/B,EAAe,MAAM,GAAKV,EAAQ,MAAM,CACjD,UAAU,M,GAEZ,UAAC,Q,SAAK,oB,KARF,OAULA,EAAQ,GAAG,CAACgB,IACX,IAAM0B,EAAahC,EAAe,QAAQ,CAACM,EAAO,KAAK,EACvD,MACE,WAACuB,EAAAA,WAAWA,CAAAA,CAEV,SAAU,IAAMxB,EAAaC,EAAO,KAAK,EACzC,UAAU,iB,UAEV,UAACyB,EAAAA,QAAQA,CAAAA,CAAC,QAASC,EAAY,UAAU,M,GACxC1B,EAAO,IAAI,EACV,UAACA,EAAO,IAAI,EAAC,UAAU,2B,GAEzB,UAAC,Q,SAAMA,EAAO,KAAK,KARdA,EAAO,KAAK,CAWvB,G,aAOd,EAGFlB,CAAAA,EAAY,WAAW,CAAG,qB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as a from"./page-layout-breadcrumb.js";import*as o from"./page-layout-content.js";import*as t from"./page-layout-header.js";import*as e from"./page-layout-root.js";import*as r from"./page-layout-title.js";let u={Root:e.PageLayoutRoot,Breadcrumb:a.PageLayoutBreadcrumb,Title:r.PageLayoutTitle,Header:t.PageLayoutHeader,Content:o.PageLayoutContent};export{u as PageLayout};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\page-layout\\index.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/page-layout/index.ts"],"sourcesContent":["import { PageLayoutBreadcrumb } from './page-layout-breadcrumb'\r\nimport { PageLayoutContent } from './page-layout-content'\r\nimport { PageLayoutHeader } from './page-layout-header'\r\nimport { PageLayoutRoot } from './page-layout-root'\r\nimport { PageLayoutTitle } from './page-layout-title'\r\n\r\nexport const PageLayout = {\r\n Root: PageLayoutRoot,\r\n Breadcrumb: PageLayoutBreadcrumb,\r\n Title: PageLayoutTitle,\r\n Header: PageLayoutHeader,\r\n Content: PageLayoutContent,\r\n}\r\n"],"names":["PageLayout","PageLayoutRoot","PageLayoutBreadcrumb","PageLayoutTitle","PageLayoutHeader","PageLayoutContent"],"mappings":"oNAMO,IAAMA,EAAa,CACxB,KAAMC,EAAAA,cAAcA,CACpB,WAAYC,EAAAA,oBAAoBA,CAChC,MAAOC,EAAAA,eAAeA,CACtB,OAAQC,EAAAA,gBAAgBA,CACxB,QAASC,EAAAA,iBAAiBA,AAC5B,S"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as r from"react/jsx-runtime";import*as e from"react";import*as a from"../breadcrumb.js";function m({module:m,items:c}){let t=m.icon;return(0,r.jsx)(a.Breadcrumb,{children:(0,r.jsxs)(a.BreadcrumbList,{children:[(0,r.jsx)(a.BreadcrumbItem,{children:(0,r.jsx)(a.BreadcrumbHome,{})}),(0,r.jsx)(a.BreadcrumbSeparator,{}),(0,r.jsxs)(a.BreadcrumbItem,{children:[(0,r.jsx)(t,{}),(0,r.jsx)(a.BreadcrumbPage,{children:m.title})]}),c.map((m,c)=>(0,r.jsxs)(e.Fragment,{children:[(0,r.jsx)(a.BreadcrumbSeparator,{}),(0,r.jsx)(a.BreadcrumbItem,{children:m.href?(0,r.jsx)(a.BreadcrumbLink,{href:m.href,children:m.title}):(0,r.jsx)(a.BreadcrumbPage,{children:m.title})})]},c))]})})}m.displayName="PageLayout.Breadcrumb";export{m as PageLayoutBreadcrumb};
|
|
2
|
+
//# sourceMappingURL=page-layout-breadcrumb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\page-layout\\page-layout-breadcrumb.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/page-layout/page-layout-breadcrumb.tsx"],"sourcesContent":["import { ElementType, Fragment } from 'react'\r\n\r\nimport {\r\n Breadcrumb,\r\n BreadcrumbHome,\r\n BreadcrumbItem,\r\n BreadcrumbLink,\r\n BreadcrumbList,\r\n BreadcrumbPage,\r\n BreadcrumbSeparator,\r\n} from '../breadcrumb'\r\n\r\ninterface PageLayoutBreadcrumbProps {\r\n items: {\r\n title: string\r\n href?: string\r\n }[]\r\n module: {\r\n title: string\r\n icon: ElementType\r\n }\r\n}\r\n\r\nfunction PageLayoutBreadcrumb({ module, items }: PageLayoutBreadcrumbProps) {\r\n const Icon = module.icon\r\n\r\n return (\r\n <Breadcrumb>\r\n <BreadcrumbList>\r\n <BreadcrumbItem>\r\n <BreadcrumbHome />\r\n </BreadcrumbItem>\r\n <BreadcrumbSeparator />\r\n <BreadcrumbItem>\r\n <Icon />\r\n <BreadcrumbPage>{module.title}</BreadcrumbPage>\r\n </BreadcrumbItem>\r\n {items.map((item, index) => (\r\n <Fragment key={index}>\r\n <BreadcrumbSeparator />\r\n <BreadcrumbItem>\r\n {item.href ? (\r\n <BreadcrumbLink href={item.href}>{item.title}</BreadcrumbLink>\r\n ) : (\r\n <BreadcrumbPage>{item.title}</BreadcrumbPage>\r\n )}\r\n </BreadcrumbItem>\r\n </Fragment>\r\n ))}\r\n </BreadcrumbList>\r\n </Breadcrumb>\r\n )\r\n}\r\nPageLayoutBreadcrumb.displayName = 'PageLayout.Breadcrumb'\r\n\r\nexport { PageLayoutBreadcrumb }\r\n"],"names":["PageLayoutBreadcrumb","module","items","Icon","Breadcrumb","BreadcrumbList","BreadcrumbItem","BreadcrumbHome","BreadcrumbSeparator","BreadcrumbPage","item","index","Fragment","BreadcrumbLink"],"mappings":"+FAuBA,SAASA,EAAqB,CAAEC,OAAAA,CAAM,CAAEC,MAAAA,CAAK,CAA6B,EACxE,IAAMC,EAAOF,EAAO,IAAI,CAExB,MACE,UAACG,EAAAA,UAAUA,CAAAA,C,SACT,WAACC,EAAAA,cAAcA,CAAAA,C,UACb,UAACC,EAAAA,cAAcA,CAAAA,C,SACb,UAACC,EAAAA,cAAcA,CAAAA,CAAAA,E,GAEjB,UAACC,EAAAA,mBAAmBA,CAAAA,CAAAA,GACpB,WAACF,EAAAA,cAAcA,CAAAA,C,UACb,UAACH,EAAAA,CAAAA,GACD,UAACM,EAAAA,cAAcA,CAAAA,C,SAAER,EAAO,KAAK,A,MAE9BC,EAAM,GAAG,CAAC,CAACQ,EAAMC,IAChB,WAACC,EAAAA,QAAQA,CAAAA,C,UACP,UAACJ,EAAAA,mBAAmBA,CAAAA,CAAAA,GACpB,UAACF,EAAAA,cAAcA,CAAAA,C,SACZI,EAAK,IAAI,CACR,UAACG,EAAAA,cAAcA,CAAAA,CAAC,KAAMH,EAAK,IAAI,C,SAAGA,EAAK,KAAK,A,GAE5C,UAACD,EAAAA,cAAcA,CAAAA,C,SAAEC,EAAK,KAAK,A,OANlBC,I,IAczB,CACAX,EAAqB,WAAW,CAAG,+B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as t from"react/jsx-runtime";import*as a from"react";import*as e from"../../lib/utils.js";let r=(0,a.forwardRef)(({className:a,...r},o)=>(0,t.jsx)("div",{ref:o,className:(0,e.cn)("mt-6",a),...r}));r.displayName="PageLayout.Content";export{r as PageLayoutContent};
|
|
2
|
+
//# sourceMappingURL=page-layout-content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\page-layout\\page-layout-content.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/page-layout/page-layout-content.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from 'react'\r\n\r\nimport { cn } from '../../lib/utils'\r\n\r\nconst PageLayoutContent = forwardRef<\r\n HTMLDivElement,\r\n ComponentPropsWithoutRef<'div'>\r\n>(({ className, ...props }, ref) => {\r\n return <div ref={ref} className={cn('mt-6', className)} {...props} />\r\n})\r\nPageLayoutContent.displayName = 'PageLayout.Content'\r\n\r\nexport { PageLayoutContent }\r\n"],"names":["PageLayoutContent","forwardRef","className","props","ref","cn"],"mappings":"iGAIA,IAAMA,EAAoBC,AAAAA,GAAAA,EAAAA,UAAAA,AAAAA,EAGxB,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IACnB,UAAC,OAAI,IAAKA,EAAK,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,OAAQH,GAAa,GAAGC,CAAK,A,GAEnEH,CAAAA,EAAkB,WAAW,CAAG,4B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as r from"react";import*as a from"../../lib/utils.js";let t=(0,r.forwardRef)(({className:r,...t},o)=>(0,e.jsx)("header",{ref:o,className:(0,a.cn)("mt-6 flex flex-wrap items-center gap-4 rounded-lg border border-stroke bg-header p-4",r),...t}));t.displayName="PageLayout.Header";export{t as PageLayoutHeader};
|
|
2
|
+
//# sourceMappingURL=page-layout-header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\page-layout\\page-layout-header.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/page-layout/page-layout-header.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from 'react'\r\n\r\nimport { cn } from '../../lib/utils'\r\n\r\nconst PageLayoutHeader = forwardRef<\r\n HTMLDivElement,\r\n ComponentPropsWithoutRef<'div'>\r\n>(({ className, ...props }, ref) => {\r\n return (\r\n <header\r\n ref={ref}\r\n className={cn(\r\n 'mt-6 flex flex-wrap items-center gap-4 rounded-lg border border-stroke bg-header p-4',\r\n className,\r\n )}\r\n {...props}\r\n />\r\n )\r\n})\r\nPageLayoutHeader.displayName = 'PageLayout.Header'\r\n\r\nexport { PageLayoutHeader }\r\n"],"names":["PageLayoutHeader","forwardRef","className","props","ref","cn"],"mappings":"iGAIA,IAAMA,EAAmBC,AAAAA,GAAAA,EAAAA,UAAAA,AAAAA,EAGvB,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAExB,UAAC,UACC,IAAKA,EACL,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,uFACAH,GAED,GAAGC,CAAK,A,GAIfH,CAAAA,EAAiB,WAAW,CAAG,2B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as a from"react/jsx-runtime";import*as o from"react";import*as r from"../../lib/utils.js";let t=(0,o.forwardRef)(({className:o,...t},e)=>(0,a.jsx)("div",{ref:e,className:(0,r.cn)(o),...t}));t.displayName="PageLayout.Root";export{t as PageLayoutRoot};
|
|
2
|
+
//# sourceMappingURL=page-layout-root.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\page-layout\\page-layout-root.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/page-layout/page-layout-root.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from 'react'\r\n\r\nimport { cn } from '../../lib/utils'\r\n\r\nconst PageLayoutRoot = forwardRef<\r\n HTMLDivElement,\r\n ComponentPropsWithoutRef<'div'>\r\n>(({ className, ...props }, ref) => {\r\n return <div ref={ref} className={cn(className)} {...props} />\r\n})\r\nPageLayoutRoot.displayName = 'PageLayout.Root'\r\n\r\nexport { PageLayoutRoot }\r\n"],"names":["PageLayoutRoot","forwardRef","className","props","ref","cn"],"mappings":"iGAIA,IAAMA,EAAiBC,AAAAA,GAAAA,EAAAA,UAAAA,AAAAA,EAGrB,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IACnB,UAAC,OAAI,IAAKA,EAAK,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAGH,GAAa,GAAGC,CAAK,A,GAE3DH,CAAAA,EAAe,WAAW,CAAG,yB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\page-layout\\page-layout-title.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/page-layout/page-layout-title.tsx"],"sourcesContent":["import { ComponentProps } from 'react'\r\n\r\nimport { Title } from '../title'\r\n\r\nfunction PageLayoutTitle(props: ComponentProps<typeof Title>) {\r\n return <Title {...props} />\r\n}\r\nPageLayoutTitle.displayName = 'PageLayout.Title'\r\n\r\nexport { PageLayoutTitle }\r\n"],"names":["PageLayoutTitle","props","Title"],"mappings":"kEAIA,SAASA,EAAgBC,CAAmC,EAC1D,MAAO,UAACC,EAAAA,KAAKA,CAAAA,CAAE,GAAGD,CAAK,A,EACzB,CACAD,EAAgB,WAAW,CAAG,0B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as a from"react/jsx-runtime";import*as e from"react";import*as i from"@phosphor-icons/react/dist/ssr";import*as s from"../lib/utils.js";import*as t from"./button.js";let n=({className:e,...i})=>(0,a.jsx)("nav",{"aria-label":"pagination",className:(0,s.cn)("mx-auto flex w-full justify-center",e),...i});n.displayName="Pagination";let r=e.forwardRef(({className:e,...i},t)=>(0,a.jsx)("ul",{ref:t,className:(0,s.cn)("flex flex-row items-center gap-1",e),...i}));r.displayName="PaginationContent";let o=e.forwardRef(({className:e,...i},t)=>(0,a.jsx)("li",{ref:t,className:(0,s.cn)("",e),...i}));o.displayName="PaginationItem";let l=({className:e,isActive:i,size:n="sm",...r})=>(0,a.jsx)("a",{"aria-current":i?"page":void 0,className:(0,s.cn)((0,t.buttonVariants)({variant:i?"outline":"ghost",size:n}),"flex min-w-fit items-center justify-center border px-4 py-1 hover:cursor-pointer hover:border-stroke",e),...r});l.displayName="PaginationLink";let m=({className:e,...t})=>(0,a.jsx)(l,{"aria-label":"Go to previous page",size:"sm",className:(0,s.cn)("",e),...t,children:(0,a.jsx)(i.CaretLeft,{className:"h-4 w-4"})});m.displayName="PaginationPrevious";let c=({className:e,...t})=>(0,a.jsx)(l,{"aria-label":"Go to next page",size:"sm",className:(0,s.cn)("",e),...t,children:(0,a.jsx)(i.CaretRight,{className:"h-4 w-4"})});c.displayName="PaginationNext";let p=({className:e,...t})=>(0,a.jsx)("span",{"aria-hidden":!0,className:(0,s.cn)("flex h-9 w-9 items-center justify-center",e),...t,children:(0,a.jsx)(i.DotsThree,{className:"h-4 w-4"})});p.displayName="PaginationEllipsis";export{n as Pagination,r as PaginationContent,p as PaginationEllipsis,o as PaginationItem,l as PaginationLink,c as PaginationNext,m as PaginationPrevious};
|
|
2
|
+
//# sourceMappingURL=pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\pagination.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/pagination.tsx"],"sourcesContent":["import * as React from 'react'\r\n\r\nimport {\r\n CaretLeft,\r\n CaretRight,\r\n DotsThree,\r\n} from '@phosphor-icons/react/dist/ssr'\r\nimport { cn } from '../lib/utils'\r\nimport { ButtonProps, buttonVariants } from './button'\r\n\r\nconst Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (\r\n <nav\r\n aria-label=\"pagination\"\r\n className={cn('mx-auto flex w-full justify-center', className)}\r\n {...props}\r\n />\r\n)\r\nPagination.displayName = 'Pagination'\r\n\r\nconst PaginationContent = React.forwardRef<\r\n HTMLUListElement,\r\n React.ComponentProps<'ul'>\r\n>(({ className, ...props }, ref) => (\r\n <ul\r\n ref={ref}\r\n className={cn('flex flex-row items-center gap-1', className)}\r\n {...props}\r\n />\r\n))\r\nPaginationContent.displayName = 'PaginationContent'\r\n\r\nconst PaginationItem = React.forwardRef<\r\n HTMLLIElement,\r\n React.ComponentProps<'li'>\r\n>(({ className, ...props }, ref) => (\r\n <li ref={ref} className={cn('', className)} {...props} />\r\n))\r\nPaginationItem.displayName = 'PaginationItem'\r\n\r\ntype PaginationLinkProps = {\r\n isActive?: boolean\r\n} & Pick<ButtonProps, 'size'> &\r\n React.ComponentProps<'a'>\r\n\r\nconst PaginationLink = ({\r\n className,\r\n isActive,\r\n size = 'sm',\r\n ...props\r\n}: PaginationLinkProps) => (\r\n <a\r\n aria-current={isActive ? 'page' : undefined}\r\n className={cn(\r\n buttonVariants({\r\n variant: isActive ? 'outline' : 'ghost',\r\n size,\r\n }),\r\n 'flex min-w-fit items-center justify-center border px-4 py-1 hover:cursor-pointer hover:border-stroke',\r\n className\r\n )}\r\n {...props}\r\n />\r\n)\r\nPaginationLink.displayName = 'PaginationLink'\r\n\r\nconst PaginationPrevious = ({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof PaginationLink>) => (\r\n <PaginationLink\r\n aria-label=\"Go to previous page\"\r\n size=\"sm\"\r\n className={cn('', className)}\r\n {...props}\r\n >\r\n <CaretLeft className=\"h-4 w-4\" />\r\n </PaginationLink>\r\n)\r\nPaginationPrevious.displayName = 'PaginationPrevious'\r\n\r\nconst PaginationNext = ({\r\n className,\r\n ...props\r\n}: React.ComponentProps<typeof PaginationLink>) => (\r\n <PaginationLink\r\n aria-label=\"Go to next page\"\r\n size=\"sm\"\r\n className={cn('', className)}\r\n {...props}\r\n >\r\n <CaretRight className=\"h-4 w-4\" />\r\n </PaginationLink>\r\n)\r\nPaginationNext.displayName = 'PaginationNext'\r\n\r\nconst PaginationEllipsis = ({\r\n className,\r\n ...props\r\n}: React.ComponentProps<'span'>) => (\r\n <span\r\n aria-hidden\r\n className={cn('flex h-9 w-9 items-center justify-center', className)}\r\n {...props}\r\n >\r\n <DotsThree className=\"h-4 w-4\" />\r\n </span>\r\n)\r\nPaginationEllipsis.displayName = 'PaginationEllipsis'\r\n\r\nexport {\r\n Pagination,\r\n PaginationContent,\r\n PaginationLink,\r\n PaginationItem,\r\n PaginationPrevious,\r\n PaginationNext,\r\n PaginationEllipsis,\r\n}\r\n"],"names":["Pagination","className","props","cn","PaginationContent","React","ref","PaginationItem","PaginationLink","isActive","size","undefined","buttonVariants","PaginationPrevious","CaretLeft","PaginationNext","CaretRight","PaginationEllipsis","DotsThree"],"mappings":"6KAUA,IAAMA,EAAa,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAoC,GACtE,UAAC,OACC,aAAW,aACX,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,qCAAsCF,GACnD,GAAGC,CAAK,A,EAGbF,CAAAA,EAAW,WAAW,CAAG,aAEzB,IAAMI,EAAoBC,EAAAA,UAAgB,CAGxC,CAAC,CAAEJ,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEI,IAC1B,UAAC,MACC,IAAKA,EACL,UAAWH,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,mCAAoCF,GACjD,GAAGC,CAAK,A,GAGbE,CAAAA,EAAkB,WAAW,CAAG,oBAEhC,IAAMG,EAAiBF,EAAAA,UAAgB,CAGrC,CAAC,CAAEJ,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEI,IAC1B,UAAC,MAAG,IAAKA,EAAK,UAAWH,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,GAAIF,GAAa,GAAGC,CAAK,A,GAEvDK,CAAAA,EAAe,WAAW,CAAG,iBAO7B,IAAMC,EAAiB,CAAC,CACtBP,UAAAA,CAAS,CACTQ,SAAAA,CAAQ,CACRC,KAAAA,EAAO,IAAI,CACX,GAAGR,EACiB,GACpB,UAAC,KACC,eAAcO,EAAW,OAASE,KAAAA,EAClC,UAAWR,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACTS,AAAAA,GAAAA,EAAAA,cAAAA,AAAAA,EAAe,CACb,QAASH,EAAW,UAAY,QAChCC,KAAAA,CACF,GACA,uGACAT,GAED,GAAGC,CAAK,A,EAGbM,CAAAA,EAAe,WAAW,CAAG,iBAE7B,IAAMK,EAAqB,CAAC,CAC1BZ,UAAAA,CAAS,CACT,GAAGC,EACyC,GAC5C,UAACM,EAAAA,CACC,aAAW,sBACX,KAAK,KACL,UAAWL,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,GAAIF,GACjB,GAAGC,CAAK,C,SAET,UAACY,EAAAA,SAASA,CAAAA,CAAC,UAAU,S,IAGzBD,CAAAA,EAAmB,WAAW,CAAG,qBAEjC,IAAME,EAAiB,CAAC,CACtBd,UAAAA,CAAS,CACT,GAAGC,EACyC,GAC5C,UAACM,EAAAA,CACC,aAAW,kBACX,KAAK,KACL,UAAWL,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,GAAIF,GACjB,GAAGC,CAAK,C,SAET,UAACc,EAAAA,UAAUA,CAAAA,CAAC,UAAU,S,IAG1BD,CAAAA,EAAe,WAAW,CAAG,iBAE7B,IAAME,EAAqB,CAAC,CAC1BhB,UAAAA,CAAS,CACT,GAAGC,EAC0B,GAC7B,UAAC,QACC,cAAW,GACX,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,2CAA4CF,GACzD,GAAGC,CAAK,C,SAET,UAACgB,EAAAA,SAASA,CAAAA,CAAC,UAAU,S,IAGzBD,CAAAA,EAAmB,WAAW,CAAG,4B"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as t from"@radix-ui/react-popover";import*as o from"react";import*as a from"../lib/utils.js";let r=t.Root;r.displayName="Popover";let i=t.Trigger;i.displayName="PopoverTrigger";let d=(0,o.forwardRef)(({className:o,align:r="center",sideOffset:i=4,...d},s)=>(0,e.jsx)(t.Portal,{children:(0,e.jsx)(t.Content,{ref:s,align:r,sideOffset:i,className:(0,a.cn)("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border border-stroke bg-white p-4 text-gbm-dark outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",o),...d})}));d.displayName="PopoverContent";export{r as Popover,d as PopoverContent,i as PopoverTrigger};
|
|
3
|
+
//# sourceMappingURL=popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\popover.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/popover.tsx"],"sourcesContent":["\r\n\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\r\nimport {\r\n type ComponentPropsWithoutRef,\r\n type ElementRef,\r\n forwardRef,\r\n} from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst Popover = PopoverPrimitive.Root\r\nPopover.displayName = 'Popover'\r\n\r\nconst PopoverTrigger = PopoverPrimitive.Trigger\r\nPopoverTrigger.displayName = 'PopoverTrigger'\r\n\r\nconst PopoverContent = forwardRef<\r\n ElementRef<typeof PopoverPrimitive.Content>,\r\n ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\r\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\r\n <PopoverPrimitive.Portal>\r\n <PopoverPrimitive.Content\r\n ref={ref}\r\n align={align}\r\n sideOffset={sideOffset}\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border border-stroke bg-white p-4 text-gbm-dark outline-none data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n className\r\n )}\r\n {...props}\r\n />\r\n </PopoverPrimitive.Portal>\r\n))\r\nPopoverContent.displayName = 'PopoverContent'\r\n\r\nexport { Popover, PopoverTrigger, PopoverContent }\r\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverContent","forwardRef","className","align","sideOffset","props","ref","cn"],"mappings":";wIAWA,IAAMA,EAAUC,EAAAA,IAAqB,CACrCD,EAAQ,WAAW,CAAG,UAEtB,IAAME,EAAiBD,EAAAA,OAAwB,CAC/CC,EAAe,WAAW,CAAG,iBAE7B,IAAMC,EAAiBC,GAAAA,EAAAA,UAAAA,EAGrB,CAAC,CAAEC,UAAAA,CAAS,CAAEC,MAAAA,EAAQ,QAAQ,CAAEC,WAAAA,EAAa,CAAC,CAAE,GAAGC,EAAO,CAAEC,IAC5D,UAACR,EAAAA,MAAuB,E,SACtB,UAACA,EAAAA,OAAwB,EACvB,IAAKQ,EACL,MAAOH,EACP,WAAYC,EACZ,UAAWG,GAAAA,EAAAA,EAAAA,EACT,qaACAL,GAED,GAAGG,CAAK,KAIfL,CAAAA,EAAe,WAAW,CAAG,wB"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as r from"react/jsx-runtime";import*as e from"@radix-ui/react-scroll-area";import*as l from"react";import*as o from"../lib/utils.js";let a=(0,l.forwardRef)(({className:l,orientation:a="vertical",...t},s)=>(0,r.jsx)(e.ScrollAreaScrollbar,{ref:s,orientation:a,className:(0,o.cn)("flex touch-none select-none transition-colors","vertical"===a&&"h-full w-2.5 border-l border-l-transparent p-[1px]","horizontal"===a&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",l),...t,children:(0,r.jsx)(e.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-stroke"})}));a.displayName="ScrollBar";let t=(0,l.forwardRef)(({className:l,children:t,...s},i)=>(0,r.jsxs)(e.Root,{ref:i,className:(0,o.cn)("relative overflow-hidden",l),...s,children:[(0,r.jsx)(e.Viewport,{className:"h-full w-full overflow-y-auto rounded-[inherit]",children:t}),(0,r.jsx)(a,{}),(0,r.jsx)(e.Corner,{})]}));t.displayName="ScrollArea";export{t as ScrollArea,a as ScrollBar};
|
|
3
|
+
//# sourceMappingURL=scroll-area.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\scroll-area.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/scroll-area.tsx"],"sourcesContent":["\r\n\r\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\r\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst ScrollBar = forwardRef<\r\n ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\r\n ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n>(({ className, orientation = 'vertical', ...props }, ref) => (\r\n <ScrollAreaPrimitive.ScrollAreaScrollbar\r\n ref={ref}\r\n orientation={orientation}\r\n className={cn(\r\n 'flex touch-none select-none transition-colors',\r\n orientation === 'vertical' &&\r\n 'h-full w-2.5 border-l border-l-transparent p-[1px]',\r\n orientation === 'horizontal' &&\r\n 'h-2.5 flex-col border-t border-t-transparent p-[1px]',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-stroke\" />\r\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n))\r\nScrollBar.displayName = 'ScrollBar'\r\n\r\nconst ScrollArea = forwardRef<\r\n ElementRef<typeof ScrollAreaPrimitive.Root>,\r\n ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\r\n>(({ className, children, ...props }, ref) => (\r\n <ScrollAreaPrimitive.Root\r\n ref={ref}\r\n className={cn('relative overflow-hidden', className)}\r\n {...props}\r\n >\r\n <ScrollAreaPrimitive.Viewport className=\"h-full w-full overflow-y-auto rounded-[inherit]\">\r\n {children}\r\n </ScrollAreaPrimitive.Viewport>\r\n <ScrollBar />\r\n <ScrollAreaPrimitive.Corner />\r\n </ScrollAreaPrimitive.Root>\r\n))\r\nScrollArea.displayName = 'ScrollArea'\r\n\r\nexport { ScrollArea, ScrollBar }\r\n"],"names":["ScrollBar","forwardRef","className","orientation","props","ref","ScrollAreaPrimitive","cn","ScrollArea","children"],"mappings":";4IAOA,IAAMA,EAAYC,GAAAA,EAAAA,UAAAA,EAGhB,CAAC,CAAEC,UAAAA,CAAS,CAAEC,YAAAA,EAAc,UAAU,CAAE,GAAGC,EAAO,CAAEC,IACpD,UAACC,EAAAA,mBAAuC,EACtC,IAAKD,EACL,YAAaF,EACb,UAAWI,GAAAA,EAAAA,EAAAA,EACT,gDACAJ,aAAAA,GACE,qDACFA,eAAAA,GACE,uDACFD,GAED,GAAGE,CAAK,C,SAET,UAACE,EAAAA,eAAmC,EAAC,UAAU,wC,KAGnDN,CAAAA,EAAU,WAAW,CAAG,YAExB,IAAMQ,EAAaP,GAAAA,EAAAA,UAAAA,EAGjB,CAAC,CAAEC,UAAAA,CAAS,CAAEO,SAAAA,CAAQ,CAAE,GAAGL,EAAO,CAAEC,IACpC,WAACC,EAAAA,IAAwB,EACvB,IAAKD,EACL,UAAWE,GAAAA,EAAAA,EAAAA,EAAG,2BAA4BL,GACzC,GAAGE,CAAK,C,UAET,UAACE,EAAAA,QAA4B,EAAC,UAAU,kD,SACrCG,C,GAEH,UAACT,EAAAA,CAAAA,GACD,UAACM,EAAAA,MAA0B,K,GAG/BE,CAAAA,EAAW,WAAW,CAAG,oB"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as t from"@phosphor-icons/react/dist/ssr";import*as a from"@radix-ui/react-scroll-area";import*as r from"@radix-ui/react-select";import*as s from"react";import*as l from"../lib/utils.js";let o=r.Root;o.displayName="Select";let i=r.Group;i.displayName="SelectGroup";let d=s.forwardRef(({placeholder:t,...a},s)=>(0,e.jsx)(r.Value,{ref:s,placeholder:t??"Selecione",...a}));d.displayName="SelectValue";let n=s.forwardRef(({className:a,children:s,...o},i)=>(0,e.jsxs)(r.Trigger,{ref:i,className:(0,l.cn)("group flex h-12 w-full items-center justify-between rounded-md border border-gray-200 bg-background px-4 py-2 text-sm ring-offset-background transition-colors focus:outline-none focus:ring-2 focus:ring-gbm-sky focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-gbm-dark/50 [&:not([data-disabled])]:hover:bg-gray-50 [&>span]:line-clamp-1",a),...o,children:[s,(0,e.jsx)(r.Icon,{asChild:!0,children:(0,e.jsx)(t.CaretDown,{weight:"bold",className:"ml-4 h-4 w-4 text-gbm-dark group-data-[state=open]:rotate-180"})})]}));n.displayName="SelectTrigger";let c=s.forwardRef(({className:t,children:s,position:o="popper",...i},d)=>(0,e.jsx)(r.Portal,{children:(0,e.jsx)(r.Content,{ref:d,className:(0,l.cn)("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] rounded border border-gray-200 bg-white text-gbm-dark data-[state=closed]:animate-out data-[state=open]:animate-in","popper"===o&&"data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1",t),position:o,...i,children:(0,e.jsxs)(a.Root,{className:"h-full w-full",type:"auto",children:[(0,e.jsx)(r.Viewport,{children:(0,e.jsx)(a.Viewport,{className:(0,l.cn)("p-1","popper"===o&&"max-h-[200px] w-full min-w-[var(--radix-select-trigger-width)]"),children:s})}),(0,e.jsx)(a.Scrollbar,{className:"w-1 px-0.5 py-1",orientation:"vertical",children:(0,e.jsx)(a.Thumb,{className:"rounded bg-gray-200"})})]})})}));c.displayName="SelectContent";let m=s.forwardRef(({className:t,...a},s)=>(0,e.jsx)(r.Label,{ref:s,className:(0,l.cn)("py-1.5 pr-2 pl-8 font-semibold text-sm",t),...a}));m.displayName="SelectLabel";let p=s.forwardRef(({className:a,children:s,...o},i)=>(0,e.jsxs)(r.Item,{ref:i,className:(0,l.cn)("relative flex w-full cursor-default select-none items-center rounded-sm p-3 text-sm outline-none focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...o,children:[(0,e.jsx)("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,e.jsx)(r.ItemIndicator,{children:(0,e.jsx)(t.Check,{size:16})})}),(0,e.jsx)(r.ItemText,{children:s})]}));p.displayName="SelectItem";let f=s.forwardRef(({className:t,...a},s)=>(0,e.jsx)(r.Separator,{ref:s,className:(0,l.cn)("-mx-1 my-1 h-px bg-muted",t),...a}));f.displayName="SelectSeparator";export{o as Select,c as SelectContent,i as SelectGroup,p as SelectItem,m as SelectLabel,f as SelectSeparator,n as SelectTrigger,d as SelectValue};
|
|
3
|
+
//# sourceMappingURL=select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\select.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/select.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDown, Check } from '@phosphor-icons/react/dist/ssr'\r\nimport * as ScrollArea from '@radix-ui/react-scroll-area'\r\nimport * as SelectPrimitive from '@radix-ui/react-select'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst Select = SelectPrimitive.Root\r\nSelect.displayName = 'Select'\r\n\r\nconst SelectGroup = SelectPrimitive.Group\r\nSelectGroup.displayName = 'SelectGroup'\r\n\r\nconst SelectValue = React.forwardRef<\r\n React.ElementRef<typeof SelectPrimitive.Value>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>\r\n>(({ placeholder, ...props }, ref) => {\r\n return (\r\n <SelectPrimitive.Value\r\n ref={ref}\r\n placeholder={placeholder ?? 'Selecione'}\r\n {...props}\r\n />\r\n )\r\n})\r\nSelectValue.displayName = 'SelectValue'\r\n\r\nconst SelectTrigger = React.forwardRef<\r\n React.ElementRef<typeof SelectPrimitive.Trigger>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\r\n>(({ className, children, ...props }, ref) => (\r\n <SelectPrimitive.Trigger\r\n ref={ref}\r\n className={cn(\r\n 'group flex h-12 w-full items-center justify-between rounded-md border border-gray-200 bg-background px-4 py-2 text-sm ring-offset-background transition-colors focus:outline-none focus:ring-2 focus:ring-gbm-sky focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-gbm-dark/50 [&:not([data-disabled])]:hover:bg-gray-50 [&>span]:line-clamp-1',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n <SelectPrimitive.Icon asChild>\r\n <CaretDown\r\n weight=\"bold\"\r\n className=\"ml-4 h-4 w-4 text-gbm-dark group-data-[state=open]:rotate-180\"\r\n />\r\n </SelectPrimitive.Icon>\r\n </SelectPrimitive.Trigger>\r\n))\r\nSelectTrigger.displayName = 'SelectTrigger'\r\n\r\nconst SelectContent = React.forwardRef<\r\n React.ElementRef<typeof SelectPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\r\n>(({ className, children, position = 'popper', ...props }, ref) => (\r\n <SelectPrimitive.Portal>\r\n <SelectPrimitive.Content\r\n ref={ref}\r\n className={cn(\r\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] rounded border border-gray-200 bg-white text-gbm-dark data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n position === 'popper' &&\r\n 'data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1',\r\n className\r\n )}\r\n position={position}\r\n {...props}\r\n >\r\n <ScrollArea.Root className=\"h-full w-full\" type=\"auto\">\r\n <SelectPrimitive.Viewport>\r\n <ScrollArea.Viewport\r\n className={cn(\r\n 'p-1',\r\n position === 'popper' &&\r\n 'max-h-[200px] w-full min-w-[var(--radix-select-trigger-width)]'\r\n )}\r\n >\r\n {children}\r\n </ScrollArea.Viewport>\r\n </SelectPrimitive.Viewport>\r\n\r\n <ScrollArea.Scrollbar\r\n className=\"w-1 px-0.5 py-1\"\r\n orientation=\"vertical\"\r\n >\r\n <ScrollArea.Thumb className=\"rounded bg-gray-200\" />\r\n </ScrollArea.Scrollbar>\r\n </ScrollArea.Root>\r\n </SelectPrimitive.Content>\r\n </SelectPrimitive.Portal>\r\n))\r\nSelectContent.displayName = 'SelectContent'\r\n\r\nconst SelectLabel = React.forwardRef<\r\n React.ElementRef<typeof SelectPrimitive.Label>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\r\n>(({ className, ...props }, ref) => (\r\n <SelectPrimitive.Label\r\n ref={ref}\r\n className={cn('py-1.5 pr-2 pl-8 font-semibold text-sm', className)}\r\n {...props}\r\n />\r\n))\r\nSelectLabel.displayName = 'SelectLabel'\r\n\r\nconst SelectItem = React.forwardRef<\r\n React.ElementRef<typeof SelectPrimitive.Item>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\r\n>(({ className, children, ...props }, ref) => (\r\n <SelectPrimitive.Item\r\n ref={ref}\r\n className={cn(\r\n 'relative flex w-full cursor-default select-none items-center rounded-sm p-3 text-sm outline-none focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\r\n <SelectPrimitive.ItemIndicator>\r\n <Check size={16} />\r\n </SelectPrimitive.ItemIndicator>\r\n </span>\r\n\r\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n </SelectPrimitive.Item>\r\n))\r\nSelectItem.displayName = 'SelectItem'\r\n\r\nconst SelectSeparator = React.forwardRef<\r\n React.ElementRef<typeof SelectPrimitive.Separator>,\r\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\r\n>(({ className, ...props }, ref) => (\r\n <SelectPrimitive.Separator\r\n ref={ref}\r\n className={cn('-mx-1 my-1 h-px bg-muted', className)}\r\n {...props}\r\n />\r\n))\r\nSelectSeparator.displayName = 'SelectSeparator'\r\n\r\nexport {\r\n Select,\r\n SelectGroup,\r\n SelectValue,\r\n SelectTrigger,\r\n SelectContent,\r\n SelectLabel,\r\n SelectItem,\r\n SelectSeparator,\r\n}\r\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","React","placeholder","props","ref","SelectTrigger","className","children","cn","CaretDown","SelectContent","position","ScrollArea","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":";sOASA,IAAMA,EAASC,EAAAA,IAAoB,CACnCD,EAAO,WAAW,CAAG,SAErB,IAAME,EAAcD,EAAAA,KAAqB,CACzCC,EAAY,WAAW,CAAG,cAE1B,IAAMC,EAAcC,EAAAA,UAAgB,CAGlC,CAAC,CAAEC,YAAAA,CAAW,CAAE,GAAGC,EAAO,CAAEC,IAE1B,UAACN,EAAAA,KAAqB,EACpB,IAAKM,EACL,YAAaF,GAAe,YAC3B,GAAGC,CAAK,GAIfH,CAAAA,EAAY,WAAW,CAAG,cAE1B,IAAMK,EAAgBJ,EAAAA,UAAgB,CAGpC,CAAC,CAAEK,UAAAA,CAAS,CAAEC,SAAAA,CAAQ,CAAE,GAAGJ,EAAO,CAAEC,IACpC,WAACN,EAAAA,OAAuB,EACtB,IAAKM,EACL,UAAWI,GAAAA,EAAAA,EAAAA,EACT,4XACAF,GAED,GAAGH,CAAK,C,UAERI,EACD,UAACT,EAAAA,IAAoB,EAAC,QAAO,G,SAC3B,UAACW,EAAAA,SAASA,CAAAA,CACR,OAAO,OACP,UAAU,+D,QAKlBJ,CAAAA,EAAc,WAAW,CAAG,gBAE5B,IAAMK,EAAgBT,EAAAA,UAAgB,CAGpC,CAAC,CAAEK,UAAAA,CAAS,CAAEC,SAAAA,CAAQ,CAAEI,SAAAA,EAAW,QAAQ,CAAE,GAAGR,EAAO,CAAEC,IACzD,UAACN,EAAAA,MAAsB,E,SACrB,UAACA,EAAAA,OAAuB,EACtB,IAAKM,EACL,UAAWI,GAAAA,EAAAA,EAAAA,EACT,6aACAG,WAAAA,GACE,kIACFL,GAEF,SAAUK,EACT,GAAGR,CAAK,C,SAET,WAACS,EAAAA,IAAe,EAAC,UAAU,gBAAgB,KAAK,O,UAC9C,UAACd,EAAAA,QAAwB,E,SACvB,UAACc,EAAAA,QAAmB,EAClB,UAAWJ,GAAAA,EAAAA,EAAAA,EACT,MACAG,WAAAA,GACE,kE,SAGHJ,C,KAIL,UAACK,EAAAA,SAAoB,EACnB,UAAU,kBACV,YAAY,W,SAEZ,UAACA,EAAAA,KAAgB,EAAC,UAAU,qB,YAMtCF,CAAAA,EAAc,WAAW,CAAG,gBAE5B,IAAMG,EAAcZ,EAAAA,UAAgB,CAGlC,CAAC,CAAEK,UAAAA,CAAS,CAAE,GAAGH,EAAO,CAAEC,IAC1B,UAACN,EAAAA,KAAqB,EACpB,IAAKM,EACL,UAAWI,GAAAA,EAAAA,EAAAA,EAAG,yCAA0CF,GACvD,GAAGH,CAAK,GAGbU,CAAAA,EAAY,WAAW,CAAG,cAE1B,IAAMC,EAAab,EAAAA,UAAgB,CAGjC,CAAC,CAAEK,UAAAA,CAAS,CAAEC,SAAAA,CAAQ,CAAE,GAAGJ,EAAO,CAAEC,IACpC,WAACN,EAAAA,IAAoB,EACnB,IAAKM,EACL,UAAWI,GAAAA,EAAAA,EAAAA,EACT,oLACAF,GAED,GAAGH,CAAK,C,UAET,UAAC,QAAK,UAAU,gE,SACd,UAACL,EAAAA,aAA6B,E,SAC5B,UAACiB,EAAAA,KAAKA,CAAAA,CAAC,KAAM,E,OAIjB,UAACjB,EAAAA,QAAwB,E,SAAES,C,MAG/BO,CAAAA,EAAW,WAAW,CAAG,aAEzB,IAAME,EAAkBf,EAAAA,UAAgB,CAGtC,CAAC,CAAEK,UAAAA,CAAS,CAAE,GAAGH,EAAO,CAAEC,IAC1B,UAACN,EAAAA,SAAyB,EACxB,IAAKM,EACL,UAAWI,GAAAA,EAAAA,EAAAA,EAAG,2BAA4BF,GACzC,GAAGH,CAAK,GAGba,CAAAA,EAAgB,WAAW,CAAG,yB"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as r from"react/jsx-runtime";import*as a from"@radix-ui/react-separator";import*as o from"react";import*as t from"../lib/utils.js";let e=(0,o.forwardRef)(({className:o,orientation:e="horizontal",decorative:i=!0,...s},l)=>(0,r.jsx)(a.Root,{ref:l,decorative:i,orientation:e,className:(0,t.cn)("shrink-0 bg-stroke","horizontal"===e?"h-[1px] w-full":"h-full w-[1px]",o),...s}));e.displayName="Separator";export{e as Separator};
|
|
3
|
+
//# sourceMappingURL=separator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\separator.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/separator.tsx"],"sourcesContent":["\r\n\r\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\r\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst Separator = forwardRef<\r\n ElementRef<typeof SeparatorPrimitive.Root>,\r\n ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(\r\n (\r\n { className, orientation = 'horizontal', decorative = true, ...props },\r\n ref\r\n ) => (\r\n <SeparatorPrimitive.Root\r\n ref={ref}\r\n decorative={decorative}\r\n orientation={orientation}\r\n className={cn(\r\n 'shrink-0 bg-stroke',\r\n orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n)\r\nSeparator.displayName = 'Separator'\r\n\r\nexport { Separator }\r\n"],"names":["Separator","forwardRef","className","orientation","decorative","props","ref","SeparatorPrimitive","cn"],"mappings":";0IAOA,IAAMA,EAAYC,GAAAA,EAAAA,UAAAA,EAIhB,CACE,CAAEC,UAAAA,CAAS,CAAEC,YAAAA,EAAc,YAAY,CAAEC,WAAAA,EAAa,EAAI,CAAE,GAAGC,EAAO,CACtEC,IAEA,UAACC,EAAAA,IAAuB,EACtB,IAAKD,EACL,WAAYF,EACZ,YAAaD,EACb,UAAWK,GAAAA,EAAAA,EAAAA,EACT,qBACAL,eAAAA,EAA+B,iBAAmB,iBAClDD,GAED,GAAGG,CAAK,GAIfL,CAAAA,EAAU,WAAW,CAAG,mB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as e from"react/jsx-runtime";import"react";import*as r from"../lib/utils.js";function t({className:t,...a}){return(0,e.jsx)("div",{className:(0,r.cn)("animate-pulse rounded-md bg-gray-50",t),...a})}t.displayName="Skeleton";export{t as Skeleton};
|
|
2
|
+
//# sourceMappingURL=skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\skeleton.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/skeleton.tsx"],"sourcesContent":["import React from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nfunction Skeleton({\r\n className,\r\n ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) {\r\n return (\r\n <div\r\n className={cn('animate-pulse rounded-md bg-gray-50', className)}\r\n {...props}\r\n />\r\n )\r\n}\r\nSkeleton.displayName = 'Skeleton'\r\n\r\nexport { Skeleton }\r\n"],"names":["Skeleton","className","props","cn"],"mappings":"oFAIA,SAASA,EAAS,CAChBC,UAAAA,CAAS,CACT,GAAGC,EACkC,EACrC,MACE,UAAC,OACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,sCAAuCF,GACpD,GAAGC,CAAK,A,EAGf,CACAF,EAAS,WAAW,CAAG,kB"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as a from"react/jsx-runtime";import*as e from"@radix-ui/react-switch";import*as r from"react";import*as t from"../lib/utils.js";let o=(0,r.forwardRef)(({className:r,...o},s)=>(0,a.jsx)(e.Root,{className:(0,t.cn)("relative h-8 w-14 rounded-full bg-gray-200 outline-none enabled:cursor-pointer disabled:cursor-not-allowed disabled:opacity-25 data-[state=checked]:bg-gbm-sky",r),ref:s,...o,children:(0,a.jsx)(e.Thumb,{className:"block size-6 translate-x-1 rounded-full border bg-white transition-transform duration-100 will-change-transform data-[state=checked]:translate-x-7 data-[state=checked]:border-royal-100 data-[state=unchecked]:border-gray-300"})}));o.displayName="Switch";export{o as Switch};
|
|
3
|
+
//# sourceMappingURL=switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\switch.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/switch.tsx"],"sourcesContent":["\r\n\r\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\r\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst Switch = forwardRef<\r\n ElementRef<typeof SwitchPrimitive.Root>,\r\n ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>\r\n>(({ className, ...props }, ref) => {\r\n return (\r\n <SwitchPrimitive.Root\r\n className={cn(\r\n 'relative h-8 w-14 rounded-full bg-gray-200 outline-none enabled:cursor-pointer disabled:cursor-not-allowed disabled:opacity-25 data-[state=checked]:bg-gbm-sky',\r\n className\r\n )}\r\n ref={ref}\r\n {...props}\r\n >\r\n <SwitchPrimitive.Thumb className=\"block size-6 translate-x-1 rounded-full border bg-white transition-transform duration-100 will-change-transform data-[state=checked]:translate-x-7 data-[state=checked]:border-royal-100 data-[state=unchecked]:border-gray-300\" />\r\n </SwitchPrimitive.Root>\r\n )\r\n})\r\nSwitch.displayName = 'Switch'\r\n\r\nexport { Switch }\r\n"],"names":["Switch","forwardRef","className","props","ref","SwitchPrimitive","cn"],"mappings":";uIAOA,IAAMA,EAASC,GAAAA,EAAAA,UAAAA,EAGb,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAExB,UAACC,EAAAA,IAAoB,EACnB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,iKACAJ,GAEF,IAAKE,EACJ,GAAGD,CAAK,C,SAET,UAACE,EAAAA,KAAqB,EAAC,UAAU,iO,KAIvCL,CAAAA,EAAO,WAAW,CAAG,gB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as a from"react/jsx-runtime";import*as e from"@phosphor-icons/react";import*as t from"@radix-ui/react-slot";import*as i from"framer-motion";import*as r from"react";import*as o from"../lib/utils.js";let n=r.default.forwardRef(({children:e,contentColSpan:i,isExpanded:o,onToggleExpand:n})=>{let[l,d]=(0,r.useState)(!1),[c,p]=e,m=void 0!==o?o:l,x=i+1;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.Slot,{onClick:()=>{n?n():d(a=>!a)},"data-expanded":m,children:c}),(0,a.jsx)(s,{colSpan:x,"aria-colspan":x,isExpanded:m,children:p})]})});n.displayName="ExpandableTableRowWrapper";let l=r.default.forwardRef(({className:t,children:r,showIcon:n=!0,...l},s)=>(0,a.jsxs)("tr",{ref:s,className:(0,o.cn)("cursor-pointer border-y transition-colors last:border-y-0 hover:bg-stroke/30 data-[state=selected]:bg-gray-100",t),...l,children:[(0,a.jsx)("td",{className:(0,o.cn)("w-12 p-4 align-middle [&:has([role=checkbox])]:pr-0",{}),children:(0,a.jsx)(i.motion.div,{initial:{rotate:0},animate:{rotate:l["data-expanded"]?-180:0},transition:{duration:.3},className:"w-min origin-center",children:(0,a.jsx)(e.CaretDown,{size:16,weight:"bold",className:(0,o.cn)("text-gbm-dark",{"text-transparent":!n})})})}),r]}));l.displayName="ExpandableTableRow";let s=r.default.forwardRef(({className:e,isExpanded:t,...r},n)=>(0,a.jsx)(i.AnimatePresence,{initial:!1,children:t&&(0,a.jsx)(i.motion.tr,{className:(0,o.cn)("border-y",e),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},children:(0,a.jsx)("td",{colSpan:r.colSpan,children:(0,a.jsx)(i.motion.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{height:{duration:.3,ease:"linear"},opacity:{duration:.2}},className:"overflow-hidden",children:(0,a.jsx)("div",{ref:n,children:r.children})})})},"expandable-row")}));s.displayName="ExpandableTableRowContent";export{l as ExpandableTableRow,n as ExpandableTableRowWrapper};
|
|
2
|
+
//# sourceMappingURL=table-expandable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\table-expandable.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/table-expandable.tsx"],"sourcesContent":["import { CaretDown } from '@phosphor-icons/react'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport { AnimatePresence, motion } from 'framer-motion'\r\nimport React, { useState } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\ntype ExpandableTableRowWrapperProps = React.HTMLAttributes<HTMLDivElement> & {\r\n children: [React.ReactNode, React.ReactNode]\r\n /**\r\n * Number of columns the content will occupy when expanded\r\n * Not counting the icon column that comes by default\r\n */\r\n contentColSpan: number\r\n isExpanded?: boolean\r\n onToggleExpand?: VoidFunction\r\n}\r\n\r\n/**\r\n * A wrapper for expandable table rows.\r\n *\r\n * @param children - The first must be of type ExpandableTableRow and the second any component, such as a div.\r\n * @param contentColSpan - Number of columns the content will occupy when expanded (excluding the default icon column).\r\n */\r\nconst ExpandableTableRowWrapper = React.forwardRef<\r\n HTMLDivElement,\r\n ExpandableTableRowWrapperProps\r\n>(({ children, contentColSpan, isExpanded, onToggleExpand }) => {\r\n const [internalIsExpanded, setInternalIsExpanded] = useState(false)\r\n const [Row, Content] = children\r\n\r\n const expanded = isExpanded !== undefined ? isExpanded : internalIsExpanded\r\n const toggleExpand = () => {\r\n if (onToggleExpand) {\r\n onToggleExpand()\r\n } else {\r\n setInternalIsExpanded(prev => !prev)\r\n }\r\n }\r\n\r\n const sumOfColspanAndIconColumn = contentColSpan + 1\r\n\r\n return (\r\n <>\r\n <Slot onClick={toggleExpand} data-expanded={expanded}>\r\n {Row}\r\n </Slot>\r\n <ExpandableTableRowContent\r\n colSpan={sumOfColspanAndIconColumn}\r\n aria-colspan={sumOfColspanAndIconColumn}\r\n isExpanded={expanded}\r\n >\r\n {Content}\r\n </ExpandableTableRowContent>\r\n </>\r\n )\r\n})\r\nExpandableTableRowWrapper.displayName = 'ExpandableTableRowWrapper'\r\n\r\ntype ExpandableTableRowProps = React.HTMLAttributes<HTMLTableRowElement> & {\r\n showIcon?: boolean\r\n 'data-expanded'?: boolean\r\n}\r\n\r\nconst ExpandableTableRow = React.forwardRef<\r\n HTMLTableRowElement,\r\n ExpandableTableRowProps\r\n>(({ className, children, showIcon = true, ...props }, ref) => (\r\n <tr\r\n ref={ref}\r\n className={cn(\r\n 'cursor-pointer border-y transition-colors last:border-y-0 hover:bg-stroke/30 data-[state=selected]:bg-gray-100',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <td\r\n className={cn('w-12 p-4 align-middle [&:has([role=checkbox])]:pr-0', {})}\r\n >\r\n <motion.div\r\n initial={{ rotate: 0 }}\r\n animate={{ rotate: props['data-expanded'] ? -180 : 0 }}\r\n transition={{ duration: 0.3 }}\r\n className='w-min origin-center'\r\n >\r\n <CaretDown\r\n size={16}\r\n weight=\"bold\"\r\n className={cn('text-gbm-dark', { 'text-transparent': !showIcon })}\r\n />\r\n </motion.div>\r\n </td>\r\n {children}\r\n </tr>\r\n))\r\nExpandableTableRow.displayName = 'ExpandableTableRow'\r\n\r\ntype ExpandableTableRowContentProps =\r\n React.TdHTMLAttributes<HTMLTableCellElement> & {\r\n isExpanded: boolean\r\n }\r\n\r\nconst ExpandableTableRowContent = React.forwardRef<\r\n HTMLTableCellElement,\r\n ExpandableTableRowContentProps\r\n>(({ className, isExpanded, ...props }, ref) => (\r\n <AnimatePresence initial={false}>\r\n {isExpanded && (\r\n <motion.tr\r\n key=\"expandable-row\"\r\n className={cn('border-y', className)}\r\n initial={{ opacity: 0 }}\r\n animate={{ opacity: 1 }}\r\n exit={{ opacity: 0 }}\r\n transition={{ duration: 0.2 }}\r\n >\r\n <td colSpan={props.colSpan}>\r\n <motion.div\r\n initial={{ height: 0, opacity: 0 }}\r\n animate={{ height: 'auto', opacity: 1 }}\r\n exit={{ height: 0, opacity: 0 }}\r\n transition={{\r\n height: { duration: 0.3, ease: 'linear' },\r\n opacity: { duration: 0.2 },\r\n }}\r\n className=\"overflow-hidden\"\r\n >\r\n <div ref={ref}>{props.children}</div>\r\n </motion.div>\r\n </td>\r\n </motion.tr>\r\n )}\r\n </AnimatePresence>\r\n))\r\nExpandableTableRowContent.displayName = 'ExpandableTableRowContent'\r\n\r\nexport type {\r\n ExpandableTableRowWrapperProps,\r\n ExpandableTableRowProps,\r\n ExpandableTableRowContentProps,\r\n}\r\nexport { ExpandableTableRowWrapper, ExpandableTableRow }\r\n"],"names":["ExpandableTableRowWrapper","React","children","contentColSpan","isExpanded","onToggleExpand","internalIsExpanded","setInternalIsExpanded","useState","Row","Content","expanded","undefined","sumOfColspanAndIconColumn","Slot","prev","ExpandableTableRowContent","ExpandableTableRow","className","showIcon","props","ref","cn","motion","CaretDown","AnimatePresence"],"mappings":"6MAwBA,IAAMA,EAA4BC,EAAAA,OAAAA,CAAAA,UAAgB,CAGhD,CAAC,CAAEC,SAAAA,CAAQ,CAAEC,eAAAA,CAAc,CAAEC,WAAAA,CAAU,CAAEC,eAAAA,CAAc,CAAE,IACzD,GAAM,CAACC,EAAoBC,EAAsB,CAAGC,AAAAA,GAAAA,EAAAA,QAAAA,AAAAA,EAAS,IACvD,CAACC,EAAKC,EAAQ,CAAGR,EAEjBS,EAAWP,AAAeQ,KAAAA,IAAfR,EAA2BA,EAAaE,EASnDO,EAA4BV,EAAiB,EAEnD,MACE,uB,UACE,UAACW,EAAAA,IAAIA,CAAAA,CAAC,QAZW,KACfT,EACFA,IAEAE,EAAsBQ,AAAAA,GAAQ,CAACA,EAEnC,EAMiC,gBAAeJ,E,SACzCF,C,GAEH,UAACO,EAAAA,CACC,QAASH,EACT,eAAcA,EACd,WAAYF,E,SAEXD,C,KAIT,EACAV,CAAAA,EAA0B,WAAW,CAAG,4BAOxC,IAAMiB,EAAqBhB,EAAAA,OAAAA,CAAAA,UAAgB,CAGzC,CAAC,CAAEiB,UAAAA,CAAS,CAAEhB,SAAAA,CAAQ,CAAEiB,SAAAA,EAAW,EAAI,CAAE,GAAGC,EAAO,CAAEC,IACrD,WAAC,MACC,IAAKA,EACL,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,iHACAJ,GAED,GAAGE,CAAK,C,UAET,UAAC,MACC,UAAWE,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,sDAAuD,CAAC,G,SAEtE,UAACC,EAAAA,MAAAA,CAAAA,GAAU,EACT,QAAS,CAAE,OAAQ,CAAE,EACrB,QAAS,CAAE,OAAQH,CAAK,CAAC,gBAAgB,CAAG,KAAO,CAAE,EACrD,WAAY,CAAE,SAAU,EAAI,EAC5B,UAAU,sB,SAEV,UAACI,EAAAA,SAASA,CAAAA,CACR,KAAM,GACN,OAAO,OACP,UAAWF,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,gBAAiB,CAAE,mBAAoB,CAACH,CAAS,E,OAIpEjB,E,GAGLe,CAAAA,EAAmB,WAAW,CAAG,qBAOjC,IAAMD,EAA4Bf,EAAAA,OAAAA,CAAAA,UAAgB,CAGhD,CAAC,CAAEiB,UAAAA,CAAS,CAAEd,WAAAA,CAAU,CAAE,GAAGgB,EAAO,CAAEC,IACtC,UAACI,EAAAA,eAAeA,CAAAA,CAAC,QAAS,G,SACvBrB,GACC,UAACmB,EAAAA,MAAAA,CAAAA,EAAS,EAER,UAAWD,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,WAAYJ,GAC1B,QAAS,CAAE,QAAS,CAAE,EACtB,QAAS,CAAE,QAAS,CAAE,EACtB,KAAM,CAAE,QAAS,CAAE,EACnB,WAAY,CAAE,SAAU,EAAI,E,SAE5B,UAAC,MAAG,QAASE,EAAM,OAAO,C,SACxB,UAACG,EAAAA,MAAAA,CAAAA,GAAU,EACT,QAAS,CAAE,OAAQ,EAAG,QAAS,CAAE,EACjC,QAAS,CAAE,OAAQ,OAAQ,QAAS,CAAE,EACtC,KAAM,CAAE,OAAQ,EAAG,QAAS,CAAE,EAC9B,WAAY,CACV,OAAQ,CAAE,SAAU,GAAK,KAAM,QAAS,EACxC,QAAS,CAAE,SAAU,EAAI,CAC3B,EACA,UAAU,kB,SAEV,UAAC,OAAI,IAAKF,E,SAAMD,EAAM,QAAQ,A,QAlB9B,iB,GAyBZJ,CAAAA,EAA0B,WAAW,CAAG,mC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as a from"react";import*as r from"../lib/utils.js";let l=a.forwardRef(({className:a,...l},t)=>(0,e.jsx)("div",{className:(0,r.cn)("relative w-full overflow-auto rounded-r-md rounded-l-md border",a),children:(0,e.jsx)("table",{ref:t,className:(0,r.cn)("w-full caption-bottom text-sm",a),...l})}));l.displayName="Table";let t=a.forwardRef(({className:a,...l},t)=>(0,e.jsx)("thead",{ref:t,className:(0,r.cn)("bg-header",a),...l}));t.displayName="TableHeader";let o=a.forwardRef(({className:a,...l},t)=>(0,e.jsx)("tbody",{ref:t,className:(0,r.cn)("",a),...l}));o.displayName="TableBody";let s=a.forwardRef(({className:a,...l},t)=>(0,e.jsx)("tfoot",{ref:t,className:(0,r.cn)("border-t bg-white font-medium [&>tr]:last:border-b-0",a),...l}));s.displayName="TableFooter";let d=a.forwardRef(({className:a,...l},t)=>(0,e.jsx)("tr",{ref:t,className:(0,r.cn)("cursor-pointer border-y transition-colors last:border-y-0 hover:bg-stroke/30 data-[state=selected]:bg-gray-100",a),...l}));d.displayName="TableRow";let m=a.forwardRef(({className:a,...l},t)=>(0,e.jsx)("th",{ref:t,className:(0,r.cn)("h-12 px-4 text-left align-middle font-semibold text-dark-gray [&:has([role=checkbox])]:pr-0",a),...l}));m.displayName="TableHead";let f=a.forwardRef(({className:a,...l},t)=>(0,e.jsx)("td",{ref:t,className:(0,r.cn)("p-4 align-middle [&:has([role=checkbox])]:pr-0",a),...l}));f.displayName="TableCell";let b=a.forwardRef(({className:a,...l},t)=>(0,e.jsx)("caption",{ref:t,className:(0,r.cn)("mt-4 text-dark-gray text-sm",a),...l}));b.displayName="TableCaption";export{l as Table,o as TableBody,b as TableCaption,f as TableCell,s as TableFooter,m as TableHead,t as TableHeader,d as TableRow};
|
|
2
|
+
//# sourceMappingURL=table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\table.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/table.tsx"],"sourcesContent":["import * as React from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst Table = React.forwardRef<\r\n HTMLTableElement,\r\n React.HTMLAttributes<HTMLTableElement>\r\n>(({ className, ...props }, ref) => (\r\n <div\r\n className={cn(\r\n 'relative w-full overflow-auto rounded-r-md rounded-l-md border',\r\n className\r\n )}\r\n >\r\n <table\r\n ref={ref}\r\n className={cn('w-full caption-bottom text-sm', className)}\r\n {...props}\r\n />\r\n </div>\r\n))\r\nTable.displayName = 'Table'\r\n\r\nconst TableHeader = React.forwardRef<\r\n HTMLTableSectionElement,\r\n React.HTMLAttributes<HTMLTableSectionElement>\r\n>(({ className, ...props }, ref) => (\r\n <thead ref={ref} className={cn('bg-header', className)} {...props} />\r\n))\r\nTableHeader.displayName = 'TableHeader'\r\n\r\nconst TableBody = React.forwardRef<\r\n HTMLTableSectionElement,\r\n React.HTMLAttributes<HTMLTableSectionElement>\r\n>(({ className, ...props }, ref) => (\r\n <tbody ref={ref} className={cn('', className)} {...props} />\r\n))\r\nTableBody.displayName = 'TableBody'\r\n\r\nconst TableFooter = React.forwardRef<\r\n HTMLTableSectionElement,\r\n React.HTMLAttributes<HTMLTableSectionElement>\r\n>(({ className, ...props }, ref) => (\r\n <tfoot\r\n ref={ref}\r\n className={cn(\r\n 'border-t bg-white font-medium [&>tr]:last:border-b-0',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTableFooter.displayName = 'TableFooter'\r\n\r\nconst TableRow = React.forwardRef<\r\n HTMLTableRowElement,\r\n React.HTMLAttributes<HTMLTableRowElement>\r\n>(({ className, ...props }, ref) => (\r\n <tr\r\n ref={ref}\r\n className={cn(\r\n 'cursor-pointer border-y transition-colors last:border-y-0 hover:bg-stroke/30 data-[state=selected]:bg-gray-100',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTableRow.displayName = 'TableRow'\r\n\r\nconst TableHead = React.forwardRef<\r\n HTMLTableCellElement,\r\n React.ThHTMLAttributes<HTMLTableCellElement>\r\n>(({ className, ...props }, ref) => (\r\n <th\r\n ref={ref}\r\n className={cn(\r\n 'h-12 px-4 text-left align-middle font-semibold text-dark-gray [&:has([role=checkbox])]:pr-0',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTableHead.displayName = 'TableHead'\r\n\r\nconst TableCell = React.forwardRef<\r\n HTMLTableCellElement,\r\n React.TdHTMLAttributes<HTMLTableCellElement>\r\n>(({ className, ...props }, ref) => (\r\n <td\r\n ref={ref}\r\n className={cn('p-4 align-middle [&:has([role=checkbox])]:pr-0', className)}\r\n {...props}\r\n />\r\n))\r\nTableCell.displayName = 'TableCell'\r\n\r\nconst TableCaption = React.forwardRef<\r\n HTMLTableCaptionElement,\r\n React.HTMLAttributes<HTMLTableCaptionElement>\r\n>(({ className, ...props }, ref) => (\r\n <caption\r\n ref={ref}\r\n className={cn('mt-4 text-dark-gray text-sm', className)}\r\n {...props}\r\n />\r\n))\r\nTableCaption.displayName = 'TableCaption'\r\n\r\nexport {\r\n Table,\r\n TableHeader,\r\n TableBody,\r\n TableFooter,\r\n TableHead,\r\n TableRow,\r\n TableCell,\r\n TableCaption,\r\n}\r\n"],"names":["Table","React","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":"8FAIA,IAAMA,EAAQC,EAAAA,UAAgB,CAG5B,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAAC,OACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,iEACAH,G,SAGF,UAAC,SACC,IAAKE,EACL,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,gCAAiCH,GAC9C,GAAGC,CAAK,A,KAIfH,CAAAA,EAAM,WAAW,CAAG,QAEpB,IAAMM,EAAcL,EAAAA,UAAgB,CAGlC,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAAC,SAAM,IAAKA,EAAK,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,YAAaH,GAAa,GAAGC,CAAK,A,GAEnEG,CAAAA,EAAY,WAAW,CAAG,cAE1B,IAAMC,EAAYN,EAAAA,UAAgB,CAGhC,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAAC,SAAM,IAAKA,EAAK,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,GAAIH,GAAa,GAAGC,CAAK,A,GAE1DI,CAAAA,EAAU,WAAW,CAAG,YAExB,IAAMC,EAAcP,EAAAA,UAAgB,CAGlC,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAAC,SACC,IAAKA,EACL,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,uDACAH,GAED,GAAGC,CAAK,A,GAGbK,CAAAA,EAAY,WAAW,CAAG,cAE1B,IAAMC,EAAWR,EAAAA,UAAgB,CAG/B,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAAC,MACC,IAAKA,EACL,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,iHACAH,GAED,GAAGC,CAAK,A,GAGbM,CAAAA,EAAS,WAAW,CAAG,WAEvB,IAAMC,EAAYT,EAAAA,UAAgB,CAGhC,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAAC,MACC,IAAKA,EACL,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,8FACAH,GAED,GAAGC,CAAK,A,GAGbO,CAAAA,EAAU,WAAW,CAAG,YAExB,IAAMC,EAAYV,EAAAA,UAAgB,CAGhC,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAAC,MACC,IAAKA,EACL,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,iDAAkDH,GAC/D,GAAGC,CAAK,A,GAGbQ,CAAAA,EAAU,WAAW,CAAG,YAExB,IAAMC,EAAeX,EAAAA,UAAgB,CAGnC,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAAC,WACC,IAAKA,EACL,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,8BAA+BH,GAC5C,GAAGC,CAAK,A,GAGbS,CAAAA,EAAa,WAAW,CAAG,sB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\tabs\\index.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/tabs/index.ts"],"sourcesContent":["import { TabsContent } from './tabs-content'\r\nimport { TabsList } from './tabs-list'\r\nimport { TabsRoot } from './tabs-root'\r\nimport { TabsTrigger } from './tabs-trigger'\r\n\r\nexport const Tabs = {\r\n Root: TabsRoot,\r\n Trigger: TabsTrigger,\r\n List: TabsList,\r\n Content: TabsContent,\r\n}\r\n"],"names":["Tabs","TabsRoot","TabsTrigger","TabsList","TabsContent"],"mappings":"0IAKO,IAAMA,EAAO,CAClB,KAAMC,EAAAA,QAAQA,CACd,QAASC,EAAAA,WAAWA,CACpB,KAAMC,EAAAA,QAAQA,CACd,QAASC,EAAAA,WAAWA,AACtB,S"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as s from"react/jsx-runtime";import*as i from"@radix-ui/react-tabs";import*as o from"react";import*as r from"../../lib/utils.js";let t=o.forwardRef(({className:o,...t},e)=>(0,s.jsx)(i.Content,{ref:e,className:(0,r.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2",o),...t}));t.displayName="Tabs.Content";export{t as TabsContent};
|
|
2
|
+
//# sourceMappingURL=tabs-content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\tabs\\tabs-content.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/tabs/tabs-content.tsx"],"sourcesContent":["import * as TabsPrimitive from '@radix-ui/react-tabs'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../../lib/utils'\r\n\r\nconst TabsContent = React.forwardRef<\r\n React.ElementRef<typeof TabsPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n <TabsPrimitive.Content\r\n ref={ref}\r\n className={cn(\r\n 'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTabsContent.displayName = 'Tabs.Content'\r\n\r\nexport { TabsContent }\r\n"],"names":["TabsContent","React","className","props","ref","TabsPrimitive","cn"],"mappings":"wIAKA,IAAMA,EAAcC,EAAAA,UAAgB,CAGlC,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAACC,EAAAA,OAAqB,EACpB,IAAKD,EACL,UAAWE,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,qIACAJ,GAED,GAAGC,CAAK,A,GAGbH,CAAAA,EAAY,WAAW,CAAG,sB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as r from"react/jsx-runtime";import*as t from"@radix-ui/react-tabs";import*as e from"react";import*as a from"../../lib/utils.js";let s=e.default.forwardRef(({className:e,...s},i)=>(0,r.jsx)(t.List,{ref:i,className:(0,a.cn)("inline-flex w-full items-center justify-center rounded-md bg-gray-50 p-1 text-gbm-dark",e),...s}));s.displayName="Tabs.List";export{s as TabsList};
|
|
2
|
+
//# sourceMappingURL=tabs-list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\tabs\\tabs-list.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/tabs/tabs-list.tsx"],"sourcesContent":["import * as TabsPrimitive from '@radix-ui/react-tabs'\r\nimport React from 'react'\r\n\r\nimport { cn } from '../../lib/utils'\r\n\r\nconst TabsList = React.forwardRef<\r\n React.ElementRef<typeof TabsPrimitive.List>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\r\n>(({ className, ...props }, ref) => (\r\n <TabsPrimitive.List\r\n ref={ref}\r\n className={cn(\r\n 'inline-flex w-full items-center justify-center rounded-md bg-gray-50 p-1 text-gbm-dark',\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTabsList.displayName = 'Tabs.List'\r\n\r\nexport { TabsList }\r\n"],"names":["TabsList","React","className","props","ref","TabsPrimitive","cn"],"mappings":"wIAKA,IAAMA,EAAWC,EAAAA,OAAAA,CAAAA,UAAgB,CAG/B,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAC1B,UAACC,EAAAA,IAAkB,EACjB,IAAKD,EACL,UAAWE,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,yFACAJ,GAED,GAAGC,CAAK,A,GAGbH,CAAAA,EAAS,WAAW,CAAG,mB"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as r from"react/jsx-runtime";import*as t from"@radix-ui/react-tabs";import*as e from"react";let a=e.default.createContext({variant:"primary"}),o=()=>{let r=(0,e.useContext)(a);if(!r)throw Error("useTabsContext must be used within a Tabs");return r},s=e.default.forwardRef(({variant:e="primary",...o},s)=>(0,r.jsx)(a.Provider,{value:{variant:e},children:(0,r.jsx)(t.Root,{ref:s,...o})}));s.displayName="Tabs.Root";export{s as TabsRoot,o as useTabsContext};
|
|
3
|
+
//# sourceMappingURL=tabs-root.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\tabs\\tabs-root.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/tabs/tabs-root.tsx"],"sourcesContent":["\r\n\r\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\r\nimport React, { useContext } from 'react'\r\n\r\ntype tabsVariant = 'primary' | 'secondary'\r\n\r\ntype TabsContext = {\r\n variant?: tabsVariant\r\n}\r\n\r\nconst TabsContext = React.createContext<TabsContext>({\r\n variant: 'primary',\r\n})\r\n\r\nconst useTabsContext = () => {\r\n const context = useContext(TabsContext)\r\n if (!context) {\r\n throw new Error('useTabsContext must be used within a Tabs')\r\n }\r\n\r\n return context\r\n}\r\n\r\nconst TabsRoot = React.forwardRef<\r\n React.ElementRef<typeof TabsPrimitive.Root>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {\r\n variant?: tabsVariant\r\n }\r\n>(({ variant = 'primary', ...props }, ref) => {\r\n return (\r\n <TabsContext.Provider value={{ variant }}>\r\n <TabsPrimitive.Root ref={ref} {...props} />\r\n </TabsContext.Provider>\r\n )\r\n})\r\nTabsRoot.displayName = 'Tabs.Root'\r\n\r\nexport { TabsRoot, useTabsContext }\r\n"],"names":["TabsContext","React","useTabsContext","context","useContext","Error","TabsRoot","variant","props","ref","TabsPrimitive"],"mappings":";mGAWA,IAAMA,EAAcC,EAAAA,OAAAA,CAAAA,aAAmB,CAAc,CACnD,QAAS,SACX,GAEMC,EAAiB,KACrB,IAAMC,EAAUC,GAAAA,EAAAA,UAAAA,EAAWJ,GAC3B,GAAI,CAACG,EACH,MAAM,MAAU,6CAGlB,OAAOA,CACT,EAEMG,EAAWL,EAAAA,OAAAA,CAAAA,UAAgB,CAK/B,CAAC,CAAEM,QAAAA,EAAU,SAAS,CAAE,GAAGC,EAAO,CAAEC,IAElC,UAACT,EAAY,QAAQ,EAAC,MAAO,CAAEO,QAAAA,CAAQ,E,SACrC,UAACG,EAAAA,IAAkB,EAAC,IAAKD,EAAM,GAAGD,CAAK,KAI7CF,CAAAA,EAAS,WAAW,CAAG,mB"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as t from"react/jsx-runtime";import*as e from"@radix-ui/react-tabs";import*as a from"react";import*as s from"../../lib/utils.js";import*as i from"./tabs-root.js";let r=a.forwardRef(({className:a,...r},o)=>{let{variant:n}=(0,i.useTabsContext)();return(0,t.jsx)(e.Trigger,{ref:o,className:(0,s.cn)("inline-flex h-10 w-full items-center justify-center whitespace-nowrap rounded px-3 py-1.5 font-medium text-gbm-dark/60 text-sm ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-gbm-dark data-[state=active]:shadow-sm",{"data-[state=active]:text-gbm-sky":"secondary"===n},a),...r})});r.displayName="Tabs.Trigger";export{r as TabsTrigger};
|
|
3
|
+
//# sourceMappingURL=tabs-trigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\tabs\\tabs-trigger.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/tabs/tabs-trigger.tsx"],"sourcesContent":["\r\n\r\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../../lib/utils'\r\nimport { useTabsContext } from './tabs-root'\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n React.ElementRef<typeof TabsPrimitive.Trigger>,\r\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({ className, ...props }, ref) => {\r\n const { variant } = useTabsContext()\r\n\r\n return (\r\n <TabsPrimitive.Trigger\r\n ref={ref}\r\n className={cn(\r\n 'inline-flex h-10 w-full items-center justify-center whitespace-nowrap rounded px-3 py-1.5 font-medium text-gbm-dark/60 text-sm ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-gbm-dark data-[state=active]:shadow-sm',\r\n {\r\n 'data-[state=active]:text-gbm-sky': variant === 'secondary',\r\n },\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n})\r\nTabsTrigger.displayName = 'Tabs.Trigger'\r\n\r\nexport { TabsTrigger }\r\n"],"names":["TabsTrigger","React","className","props","ref","variant","useTabsContext","TabsPrimitive","cn"],"mappings":";yKAQA,IAAMA,EAAcC,EAAAA,UAAgB,CAGlC,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,KAC1B,GAAM,CAAEC,QAAAA,CAAO,CAAE,CAAGC,GAAAA,EAAAA,cAAAA,IAEpB,MACE,UAACC,EAAAA,OAAqB,EACpB,IAAKH,EACL,UAAWI,GAAAA,EAAAA,EAAAA,EACT,iaACA,CACE,mCAAoCH,cAAAA,CACtC,EACAH,GAED,GAAGC,CAAK,EAGf,EACAH,CAAAA,EAAY,WAAW,CAAG,sB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as r from"react";import*as i from"../lib/utils.js";let o=(0,r.forwardRef)(({className:r,...o},s)=>(0,e.jsx)("textarea",{className:(0,i.cn)("flex min-h-20 w-full rounded-md border border-zinc-200 bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-zinc-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",r),ref:s,...o}));o.displayName="Textarea";export{o as Textarea};
|
|
2
|
+
//# sourceMappingURL=textarea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\textarea.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/textarea.tsx"],"sourcesContent":["import { TextareaHTMLAttributes, forwardRef } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nexport type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement>\r\n\r\nconst Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\r\n ({ className, ...props }, ref) => {\r\n return (\r\n <textarea\r\n className={cn(\r\n 'flex min-h-20 w-full rounded-md border border-zinc-200 bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-zinc-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gbm-sky focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\r\n className\r\n )}\r\n ref={ref}\r\n {...props}\r\n />\r\n )\r\n }\r\n)\r\nTextarea.displayName = 'Textarea'\r\n\r\nexport { Textarea }\r\n"],"names":["Textarea","forwardRef","className","props","ref","cn"],"mappings":"8FAMA,IAAMA,EAAWC,AAAAA,GAAAA,EAAAA,UAAAA,AAAAA,EACf,CAAC,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,IAEtB,UAAC,YACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,iSACAH,GAEF,IAAKE,EACJ,GAAGD,CAAK,A,GAKjBH,CAAAA,EAAS,WAAW,CAAG,kB"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as t from"react";import*as r from"../lib/utils.js";import*as a from"../utils/time-picker.js";import*as n from"./input.js";let i=t.default.forwardRef(({className:i,type:o="tel",value:s,id:p,name:u,date:l=new Date(new Date().setHours(0,0,0,0)),setDate:m,onChange:f,onKeyDown:y,picker:c,onLeftFocus:w,onRightFocus:k,...D},d)=>{let[T,A]=t.default.useState(!1);t.default.useEffect(()=>{if(T){let e=setTimeout(()=>{A(!1)},2e3);return()=>clearTimeout(e)}},[T]);let b=t.default.useMemo(()=>(0,a.getDateByType)(l,c),[l,c]),j=e=>{if("Tab"!==e.key){if(e.preventDefault(),"ArrowRight"===e.key&&k?.(),"ArrowLeft"===e.key&&w?.(),["ArrowUp","ArrowDown"].includes(e.key)){let t="ArrowUp"===e.key?1:-1,r=(0,a.getArrowByType)(b,t,c);T&&A(!1);let n=new Date(l);m((0,a.setDateByType)(n,r,c))}if(e.key>="0"&&e.key<="9"){let t=T?b.slice(1,2)+e.key:"0"+e.key;T&&k?.(),A(e=>!e);let r=new Date(l);m((0,a.setDateByType)(r,t,c))}}};return(0,e.jsx)(n.Input,{ref:d,id:p||c,name:u||c,className:(0,r.cn)("w-[52px] text-center font-mono tabular-nums caret-transparent [&::-webkit-inner-spin-button]:appearance-none",i),value:s||b,onChange:e=>{e.preventDefault(),f?.(e)},type:o,inputMode:"decimal",onKeyDown:e=>{y?.(e),j(e)},...D})});i.displayName="TimePickerInput";export{i as TimePickerInput};
|
|
3
|
+
//# sourceMappingURL=time-picker-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\time-picker-input.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/time-picker-input.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport {\r\n TimePickerType,\r\n getArrowByType,\r\n getDateByType,\r\n setDateByType,\r\n} from '../utils/time-picker'\r\n\r\nimport { Input } from './input'\r\n\r\nexport interface TimePickerInputProps\r\n extends React.InputHTMLAttributes<HTMLInputElement> {\r\n picker: TimePickerType\r\n date: Date | undefined\r\n setDate: (date: Date | undefined) => void\r\n onRightFocus?: () => void\r\n onLeftFocus?: () => void\r\n}\r\n\r\nconst TimePickerInput = React.forwardRef<\r\n HTMLInputElement,\r\n TimePickerInputProps\r\n>(\r\n (\r\n {\r\n className,\r\n type = 'tel',\r\n value,\r\n id,\r\n name,\r\n date = new Date(new Date().setHours(0, 0, 0, 0)),\r\n setDate,\r\n onChange,\r\n onKeyDown,\r\n picker,\r\n onLeftFocus,\r\n onRightFocus,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const [flag, setFlag] = React.useState<boolean>(false)\r\n\r\n React.useEffect(() => {\r\n if (flag) {\r\n const timer = setTimeout(() => {\r\n setFlag(false)\r\n }, 2000)\r\n\r\n return () => clearTimeout(timer)\r\n }\r\n }, [flag])\r\n\r\n const calculatedValue = React.useMemo(\r\n () => getDateByType(date, picker),\r\n [date, picker]\r\n )\r\n\r\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (e.key === 'Tab') return\r\n e.preventDefault()\r\n if (e.key === 'ArrowRight') onRightFocus?.()\r\n if (e.key === 'ArrowLeft') onLeftFocus?.()\r\n if (['ArrowUp', 'ArrowDown'].includes(e.key)) {\r\n const step = e.key === 'ArrowUp' ? 1 : -1\r\n const newValue = getArrowByType(calculatedValue, step, picker)\r\n if (flag) setFlag(false)\r\n const tempDate = new Date(date)\r\n setDate(setDateByType(tempDate, newValue, picker))\r\n }\r\n if (e.key >= '0' && e.key <= '9') {\r\n const newValue = !flag\r\n ? '0' + e.key\r\n : calculatedValue.slice(1, 2) + e.key\r\n if (flag) onRightFocus?.()\r\n setFlag(prev => !prev)\r\n const tempDate = new Date(date)\r\n setDate(setDateByType(tempDate, newValue, picker))\r\n }\r\n }\r\n\r\n return (\r\n <Input\r\n ref={ref}\r\n id={id || picker}\r\n name={name || picker}\r\n className={cn(\r\n 'w-[52px] text-center font-mono tabular-nums caret-transparent [&::-webkit-inner-spin-button]:appearance-none',\r\n className\r\n )}\r\n value={value || calculatedValue}\r\n onChange={e => {\r\n e.preventDefault()\r\n onChange?.(e)\r\n }}\r\n type={type}\r\n inputMode=\"decimal\"\r\n onKeyDown={e => {\r\n onKeyDown?.(e)\r\n handleKeyDown(e)\r\n }}\r\n {...props}\r\n />\r\n )\r\n }\r\n)\r\n\r\nTimePickerInput.displayName = 'TimePickerInput'\r\n\r\nexport { TimePickerInput }\r\n"],"names":["TimePickerInput","React","className","type","value","id","name","date","Date","setDate","onChange","onKeyDown","picker","onLeftFocus","onRightFocus","props","ref","flag","setFlag","timer","setTimeout","clearTimeout","calculatedValue","getDateByType","handleKeyDown","e","step","newValue","getArrowByType","tempDate","setDateByType","prev","Input","cn"],"mappings":";qKAuBA,IAAMA,EAAkBC,EAAAA,OAAAA,CAAAA,UAAgB,CAItC,CACE,CACEC,UAAAA,CAAS,CACTC,KAAAA,EAAO,KAAK,CACZC,MAAAA,CAAK,CACLC,GAAAA,CAAE,CACFC,KAAAA,CAAI,CACJC,KAAAA,EAAO,IAAIC,KAAK,IAAIA,OAAO,QAAQ,CAAC,EAAG,EAAG,EAAG,GAAG,CAChDC,QAAAA,CAAO,CACPC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,OAAAA,CAAM,CACNC,YAAAA,CAAW,CACXC,aAAAA,CAAY,CACZ,GAAGC,EACJ,CACDC,KAEA,GAAM,CAACC,EAAMC,EAAQ,CAAGjB,EAAAA,OAAAA,CAAAA,QAAc,CAAU,IAEhDA,EAAAA,OAAAA,CAAAA,SAAe,CAAC,KACd,GAAIgB,EAAM,CACR,IAAME,EAAQC,WAAW,KACvBF,EAAQ,GACV,EAAG,KAEH,MAAO,IAAMG,aAAaF,EAC5B,CACF,EAAG,CAACF,EAAK,EAET,IAAMK,EAAkBrB,EAAAA,OAAAA,CAAAA,OAAa,CACnC,IAAMsB,GAAAA,EAAAA,aAAAA,EAAchB,EAAMK,GAC1B,CAACL,EAAMK,EAAO,EAGVY,EAAgB,IACpB,GAAIC,QAAAA,EAAE,GAAG,EAIT,GAHAA,EAAE,cAAc,GACZA,eAAAA,EAAE,GAAG,EAAmBX,MACxBW,cAAAA,EAAE,GAAG,EAAkBZ,MACvB,CAAC,UAAW,YAAY,CAAC,QAAQ,CAACY,EAAE,GAAG,EAAG,CAC5C,IAAMC,EAAOD,YAAAA,EAAE,GAAG,CAAiB,EAAI,GACjCE,EAAWC,GAAAA,EAAAA,cAAAA,EAAeN,EAAiBI,EAAMd,EACnDK,CAAAA,GAAMC,EAAQ,IAClB,IAAMW,EAAW,IAAIrB,KAAKD,GAC1BE,EAAQqB,GAAAA,EAAAA,aAAAA,EAAcD,EAAUF,EAAUf,GAC5C,CACA,GAAIa,EAAE,GAAG,EAAI,KAAOA,EAAE,GAAG,EAAI,IAAK,CAChC,IAAME,EAAW,EAEbL,EAAgB,KAAK,CAAC,EAAG,GAAKG,EAAE,GAAG,CADnC,IAAMA,EAAE,GAAG,CAEXR,GAAMH,MACVI,EAAQa,GAAQ,CAACA,GACjB,IAAMF,EAAW,IAAIrB,KAAKD,GAC1BE,EAAQqB,GAAAA,EAAAA,aAAAA,EAAcD,EAAUF,EAAUf,GAC5C,EACF,EAEA,MACE,UAACoB,EAAAA,KAAKA,CAAAA,CACJ,IAAKhB,EACL,GAAIX,GAAMO,EACV,KAAMN,GAAQM,EACd,UAAWqB,GAAAA,EAAAA,EAAAA,EACT,+GACA/B,GAEF,MAAOE,GAASkB,EAChB,SAAUG,IACRA,EAAE,cAAc,GAChBf,IAAWe,EACb,EACA,KAAMtB,EACN,UAAU,UACV,UAAWsB,IACTd,IAAYc,GACZD,EAAcC,EAChB,EACC,GAAGV,CAAK,EAGf,EAGFf,CAAAA,EAAgB,WAAW,CAAG,yB"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as s from"@phosphor-icons/react/dist/ssr";import*as r from"react";import*as t from"./label.js";import*as i from"./time-picker-input.js";function c({date:c,setDate:a}){let l=r.useRef(null),n=r.useRef(null),o=r.useRef(null);return(0,e.jsxs)("div",{className:"flex items-end gap-2",children:[(0,e.jsxs)("div",{className:"grid gap-1 text-center",children:[(0,e.jsx)(t.Label,{htmlFor:"hours",className:"text-xs",children:"Hours"}),(0,e.jsx)(i.TimePickerInput,{picker:"hours",date:c,setDate:a,ref:n,onRightFocus:()=>l.current?.focus()})]}),(0,e.jsxs)("div",{className:"grid gap-1 text-center",children:[(0,e.jsx)(t.Label,{htmlFor:"minutes",className:"text-xs",children:"Minutes"}),(0,e.jsx)(i.TimePickerInput,{picker:"minutes",date:c,setDate:a,ref:l,onLeftFocus:()=>n.current?.focus(),onRightFocus:()=>o.current?.focus()})]}),(0,e.jsx)("div",{className:"flex h-12 items-center",children:(0,e.jsx)(s.Clock,{size:16,className:"ml-2"})})]})}export{c as TimePicker};
|
|
3
|
+
//# sourceMappingURL=time-picker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\time-picker.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/time-picker.tsx"],"sourcesContent":["\r\n\r\nimport { Clock } from '@phosphor-icons/react/dist/ssr'\r\nimport * as React from 'react'\r\n\r\nimport { Label } from './label'\r\nimport { TimePickerInput } from './time-picker-input'\r\n\r\ninterface TimePickerProps {\r\n date: Date | undefined\r\n setDate: (date: Date | undefined) => void\r\n}\r\n\r\nexport function TimePicker({ date, setDate }: TimePickerProps) {\r\n const minuteRef = React.useRef<HTMLInputElement>(null)\r\n const hourRef = React.useRef<HTMLInputElement>(null)\r\n const secondRef = React.useRef<HTMLInputElement>(null)\r\n\r\n return (\r\n <div className=\"flex items-end gap-2\">\r\n <div className=\"grid gap-1 text-center\">\r\n <Label htmlFor=\"hours\" className=\"text-xs\">\r\n Hours\r\n </Label>\r\n <TimePickerInput\r\n picker=\"hours\"\r\n date={date}\r\n setDate={setDate}\r\n ref={hourRef}\r\n onRightFocus={() => minuteRef.current?.focus()}\r\n />\r\n </div>\r\n\r\n <div className=\"grid gap-1 text-center\">\r\n <Label htmlFor=\"minutes\" className=\"text-xs\">\r\n Minutes\r\n </Label>\r\n <TimePickerInput\r\n picker=\"minutes\"\r\n date={date}\r\n setDate={setDate}\r\n ref={minuteRef}\r\n onLeftFocus={() => hourRef.current?.focus()}\r\n onRightFocus={() => secondRef.current?.focus()}\r\n />\r\n </div>\r\n\r\n <div className=\"flex h-12 items-center\">\r\n <Clock size={16} className=\"ml-2\" />\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"names":["TimePicker","date","setDate","minuteRef","React","hourRef","secondRef","Label","TimePickerInput","Clock"],"mappings":";mLAaO,SAASA,EAAW,CAAEC,KAAAA,CAAI,CAAEC,QAAAA,CAAO,CAAmB,EAC3D,IAAMC,EAAYC,EAAAA,MAAY,CAAmB,MAC3CC,EAAUD,EAAAA,MAAY,CAAmB,MACzCE,EAAYF,EAAAA,MAAY,CAAmB,MAEjD,MACE,WAAC,OAAI,UAAU,uB,UACb,WAAC,OAAI,UAAU,yB,UACb,UAACG,EAAAA,KAAKA,CAAAA,CAAC,QAAQ,QAAQ,UAAU,U,SAAU,O,GAG3C,UAACC,EAAAA,eAAeA,CAAAA,CACd,OAAO,QACP,KAAMP,EACN,QAASC,EACT,IAAKG,EACL,aAAc,IAAMF,EAAU,OAAO,EAAE,O,MAI3C,WAAC,OAAI,UAAU,yB,UACb,UAACI,EAAAA,KAAKA,CAAAA,CAAC,QAAQ,UAAU,UAAU,U,SAAU,S,GAG7C,UAACC,EAAAA,eAAeA,CAAAA,CACd,OAAO,UACP,KAAMP,EACN,QAASC,EACT,IAAKC,EACL,YAAa,IAAME,EAAQ,OAAO,EAAE,QACpC,aAAc,IAAMC,EAAU,OAAO,EAAE,O,MAI3C,UAAC,OAAI,UAAU,yB,SACb,UAACG,EAAAA,KAAKA,CAAAA,CAAC,KAAM,GAAI,UAAU,M,OAInC,Q"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as t from"react/jsx-runtime";import*as r from"@radix-ui/react-slot";import*as e from"react";import*as a from"../lib/utils.js";let i=(0,e.forwardRef)(({asChild:e,className:i,...m},o)=>{let s=e?r.Slot:"h1";return(0,t.jsx)(s,{ref:o,className:(0,a.cn)("font-semibold text-[1.625rem] text-gbm-dark leading-8",i),...m})});i.displayName="Title";export{i as Title};
|
|
2
|
+
//# sourceMappingURL=title.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\title.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/title.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\r\nimport { ComponentPropsWithoutRef, forwardRef } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst Title = forwardRef<\r\n HTMLHeadingElement,\r\n ComponentPropsWithoutRef<'h1'> & {\r\n asChild?: boolean\r\n }\r\n>(({ asChild, className, ...props }, ref) => {\r\n const Comp = asChild ? Slot : 'h1'\r\n\r\n return (\r\n <Comp\r\n ref={ref}\r\n className={cn(\r\n 'font-semibold text-[1.625rem] text-gbm-dark leading-8',\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n})\r\nTitle.displayName = 'Title'\r\n\r\nexport { Title }\r\n"],"names":["Title","forwardRef","asChild","className","props","ref","Comp","Slot","cn"],"mappings":"qIAKA,IAAMA,EAAQC,AAAAA,GAAAA,EAAAA,UAAAA,AAAAA,EAKZ,CAAC,CAAEC,QAAAA,CAAO,CAAEC,UAAAA,CAAS,CAAE,GAAGC,EAAO,CAAEC,KACnC,IAAMC,EAAOJ,EAAUK,EAAAA,IAAIA,CAAG,KAE9B,MACE,UAACD,EAAAA,CACC,IAAKD,EACL,UAAWG,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACT,wDACAL,GAED,GAAGC,CAAK,A,EAGf,EACAJ,CAAAA,EAAM,WAAW,CAAG,e"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as t from"react/jsx-runtime";function e({tokens:e,hasRemValue:r=!1}){return(0,t.jsxs)("table",{className:"w-full border-collapse [&>tbody>tr>td]:px-8 [&>tbody>tr>td]:py-3 [&>tbody>tr>td]:text-[#2F343C] [&>thead>tr>th]:px-8 [&>thead>tr>th]:py-3 [&>thead>tr>th]:text-left",children:[(0,t.jsx)("thead",{children:(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{children:"Name"}),(0,t.jsx)("th",{children:"Value"}),r&&(0,t.jsx)("th",{children:"Pixels"})]})}),(0,t.jsx)("tbody",{children:Object.entries(e).map(([e,d])=>(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{children:e}),(0,t.jsx)("td",{children:d}),r&&(0,t.jsxs)("td",{children:[16*Number(d.replace("rem","")),"px"]})]},e))})]})}export{e as TokensGrid};
|
|
2
|
+
//# sourceMappingURL=tokens-grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\tokens-grid.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/tokens-grid.tsx"],"sourcesContent":["interface TokensGridProps {\r\n tokens: Record<string, string>\r\n hasRemValue?: boolean\r\n}\r\n\r\nexport function TokensGrid({ tokens, hasRemValue = false }: TokensGridProps) {\r\n return (\r\n <table className=\"w-full border-collapse [&>tbody>tr>td]:px-8 [&>tbody>tr>td]:py-3 [&>tbody>tr>td]:text-[#2F343C] [&>thead>tr>th]:px-8 [&>thead>tr>th]:py-3 [&>thead>tr>th]:text-left\">\r\n <thead>\r\n <tr>\r\n <th>Name</th>\r\n <th>Value</th>\r\n {hasRemValue && <th>Pixels</th>}\r\n </tr>\r\n </thead>\r\n <tbody>\r\n {Object.entries(tokens).map(([key, value]) => {\r\n return (\r\n <tr key={key}>\r\n <td>{key}</td>\r\n <td>{value}</td>\r\n {hasRemValue && (\r\n <td>{Number(value.replace('rem', '')) * 16}px</td>\r\n )}\r\n </tr>\r\n )\r\n })}\r\n </tbody>\r\n </table>\r\n )\r\n}\r\n"],"names":["TokensGrid","tokens","hasRemValue","Object","key","value","Number"],"mappings":"oCAKO,SAASA,EAAW,CAAEC,OAAAA,CAAM,CAAEC,YAAAA,EAAc,EAAK,CAAmB,EACzE,MACE,WAAC,SAAM,UAAU,sK,UACf,UAAC,S,SACC,WAAC,M,UACC,UAAC,M,SAAG,M,GACJ,UAAC,M,SAAG,O,GACHA,GAAe,UAAC,M,SAAG,Q,QAGxB,UAAC,S,SACEC,OAAO,OAAO,CAACF,GAAQ,GAAG,CAAC,CAAC,CAACG,EAAKC,EAAM,GAErC,WAAC,M,UACC,UAAC,M,SAAID,C,GACL,UAAC,M,SAAIC,C,GACJH,GACC,WAAC,M,UAAII,AAAmC,GAAnCA,OAAOD,EAAM,OAAO,CAAC,MAAO,KAAU,K,KAJtCD,G,KAYrB,Q"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as t from"react/jsx-runtime";import*as o from"@radix-ui/react-tooltip";import*as e from"react";import*as i from"../lib/utils.js";let r=o.Provider;r.displayName="TooltipProvider";let a=o.Root;a.displayName="Tooltip";let d=o.Trigger;d.displayName="TooltipTrigger";let s=e.forwardRef(({className:e,variant:r="primary",sideOffset:a=4,...d},s)=>(0,t.jsx)(o.Content,{ref:s,sideOffset:a,className:(0,i.cn)("fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 animate-in overflow-hidden rounded-md border bg-white px-3 py-1.5 text-gbm-dark text-sm shadow-md data-[state=closed]:animate-out",{"border-stroke bg-white text-gbm-dark":"primary"===r,"border-gbm-dark bg-gbm-dark text-white":"secondary"===r},e),...d}));s.displayName="TooltipContent";export{a as Tooltip,s as TooltipContent,r as TooltipProvider,d as TooltipTrigger};
|
|
3
|
+
//# sourceMappingURL=tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\tooltip.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/tooltip.tsx"],"sourcesContent":["\r\n\r\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nconst TooltipProvider = TooltipPrimitive.Provider\r\nTooltipProvider.displayName = 'TooltipProvider'\r\n\r\nconst Tooltip = TooltipPrimitive.Root\r\nTooltip.displayName = 'Tooltip'\r\n\r\nconst TooltipTrigger = TooltipPrimitive.Trigger\r\nTooltipTrigger.displayName = 'TooltipTrigger'\r\n\r\nconst TooltipContent = React.forwardRef<\r\n React.ElementRef<typeof TooltipPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {\r\n variant?: 'primary' | 'secondary'\r\n }\r\n>(({ className, variant = 'primary', sideOffset = 4, ...props }, ref) => (\r\n <TooltipPrimitive.Content\r\n ref={ref}\r\n sideOffset={sideOffset}\r\n className={cn(\r\n 'fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 animate-in overflow-hidden rounded-md border bg-white px-3 py-1.5 text-gbm-dark text-sm shadow-md data-[state=closed]:animate-out',\r\n {\r\n 'border-stroke bg-white text-gbm-dark': variant === 'primary',\r\n 'border-gbm-dark bg-gbm-dark text-white': variant === 'secondary',\r\n },\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nTooltipContent.displayName = 'TooltipContent'\r\n\r\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }\r\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","variant","sideOffset","props","ref","cn"],"mappings":";wIAOA,IAAMA,EAAkBC,EAAAA,QAAyB,CACjDD,EAAgB,WAAW,CAAG,kBAE9B,IAAME,EAAUD,EAAAA,IAAqB,CACrCC,EAAQ,WAAW,CAAG,UAEtB,IAAMC,EAAiBF,EAAAA,OAAwB,CAC/CE,EAAe,WAAW,CAAG,iBAE7B,IAAMC,EAAiBC,EAAAA,UAAgB,CAKrC,CAAC,CAAEC,UAAAA,CAAS,CAAEC,QAAAA,EAAU,SAAS,CAAEC,WAAAA,EAAa,CAAC,CAAE,GAAGC,EAAO,CAAEC,IAC/D,UAACT,EAAAA,OAAwB,EACvB,IAAKS,EACL,WAAYF,EACZ,UAAWG,GAAAA,EAAAA,EAAAA,EACT,yXACA,CACE,uCAAwCJ,YAAAA,EACxC,yCAA0CA,cAAAA,CAC5C,EACAD,GAED,GAAGG,CAAK,GAGbL,CAAAA,EAAe,WAAW,CAAG,wB"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as t from"react";import*as r from"../../lib/utils.js";import*as a from"../../utils/time-picker.js";import*as n from"../input.js";let i=(0,t.forwardRef)(({className:i,type:o="tel",value:s,id:p,name:m,date:u=new Date(new Date().setHours(0,0,0,0)),setDate:l,onChange:y,onKeyDown:f,picker:c,onLeftFocus:w,onRightFocus:k,...D},T)=>{let[d,A]=(0,t.useState)(!1);(0,t.useEffect)(()=>{if(d){let e=setTimeout(()=>{A(!1)},2e3);return()=>clearTimeout(e)}},[d]);let b=(0,t.useMemo)(()=>(0,a.getDateByType)(u,c),[u,c]),j=e=>{if("Tab"!==e.key){if(e.preventDefault(),"ArrowRight"===e.key&&k?.(),"ArrowLeft"===e.key&&w?.(),["ArrowUp","ArrowDown"].includes(e.key)){let t="ArrowUp"===e.key?1:-1,r=(0,a.getArrowByType)(b,t,c);d&&A(!1);let n=new Date(u);l((0,a.setDateByType)(n,r,c))}if(e.key>="0"&&e.key<="9"){let t=d?b.slice(1,2)+e.key:"0"+e.key;d&&k?.(),A(e=>!e);let r=new Date(u);l((0,a.setDateByType)(r,t,c))}}};return(0,e.jsx)(n.Input,{ref:T,id:p||c,name:m||c,className:(0,r.cn)("w-[52px] text-center font-mono tabular-nums caret-transparent [&::-webkit-inner-spin-button]:appearance-none",i),value:s||b,onChange:e=>{e.preventDefault(),y?.(e)},type:o,inputMode:"decimal",onKeyDown:e=>{f?.(e),j(e)},...D})});i.displayName="TimePickerInput";export{i as TimePickerInput};
|
|
3
|
+
//# sourceMappingURL=time-picker-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\ui\\time-picker-input.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/ui/time-picker-input.tsx"],"sourcesContent":["\r\n\r\nimport {\r\n type InputHTMLAttributes,\r\n type KeyboardEvent,\r\n forwardRef,\r\n useEffect,\r\n useMemo,\r\n useState,\r\n} from 'react'\r\n\r\nimport { cn } from '../../lib/utils'\r\nimport {\r\n type TimePickerType,\r\n getArrowByType,\r\n getDateByType,\r\n setDateByType,\r\n} from '../../utils/time-picker'\r\nimport { Input } from '../input'\r\n\r\nexport interface TimePickerInputProps\r\n extends InputHTMLAttributes<HTMLInputElement> {\r\n picker: TimePickerType\r\n date: Date | undefined\r\n setDate: (date: Date | undefined) => void\r\n onRightFocus?: () => void\r\n onLeftFocus?: () => void\r\n}\r\n\r\nconst TimePickerInput = forwardRef<HTMLInputElement, TimePickerInputProps>(\r\n (\r\n {\r\n className,\r\n type = 'tel',\r\n value,\r\n id,\r\n name,\r\n date = new Date(new Date().setHours(0, 0, 0, 0)),\r\n setDate,\r\n onChange,\r\n onKeyDown,\r\n picker,\r\n onLeftFocus,\r\n onRightFocus,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const [flag, setFlag] = useState<boolean>(false)\r\n\r\n useEffect(() => {\r\n if (flag) {\r\n const timer = setTimeout(() => {\r\n setFlag(false)\r\n }, 2000)\r\n\r\n return () => clearTimeout(timer)\r\n }\r\n }, [flag])\r\n\r\n const calculatedValue = useMemo(\r\n () => getDateByType(date, picker),\r\n [date, picker]\r\n )\r\n\r\n const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\r\n if (e.key === 'Tab') return\r\n e.preventDefault()\r\n if (e.key === 'ArrowRight') onRightFocus?.()\r\n if (e.key === 'ArrowLeft') onLeftFocus?.()\r\n if (['ArrowUp', 'ArrowDown'].includes(e.key)) {\r\n const step = e.key === 'ArrowUp' ? 1 : -1\r\n const newValue = getArrowByType(calculatedValue, step, picker)\r\n if (flag) setFlag(false)\r\n const tempDate = new Date(date)\r\n setDate(setDateByType(tempDate, newValue, picker))\r\n }\r\n if (e.key >= '0' && e.key <= '9') {\r\n const newValue = !flag\r\n ? '0' + e.key\r\n : calculatedValue.slice(1, 2) + e.key\r\n if (flag) onRightFocus?.()\r\n setFlag(prev => !prev)\r\n const tempDate = new Date(date)\r\n setDate(setDateByType(tempDate, newValue, picker))\r\n }\r\n }\r\n\r\n return (\r\n <Input\r\n ref={ref}\r\n id={id || picker}\r\n name={name || picker}\r\n className={cn(\r\n 'w-[52px] text-center font-mono tabular-nums caret-transparent [&::-webkit-inner-spin-button]:appearance-none',\r\n className\r\n )}\r\n value={value || calculatedValue}\r\n onChange={e => {\r\n e.preventDefault()\r\n onChange?.(e)\r\n }}\r\n type={type}\r\n inputMode=\"decimal\"\r\n onKeyDown={e => {\r\n onKeyDown?.(e)\r\n handleKeyDown(e)\r\n }}\r\n {...props}\r\n />\r\n )\r\n }\r\n)\r\n\r\nTimePickerInput.displayName = 'TimePickerInput'\r\n\r\nexport { TimePickerInput }\r\n"],"names":["TimePickerInput","forwardRef","className","type","value","id","name","date","Date","setDate","onChange","onKeyDown","picker","onLeftFocus","onRightFocus","props","ref","flag","setFlag","useState","useEffect","timer","setTimeout","clearTimeout","calculatedValue","useMemo","getDateByType","handleKeyDown","e","step","newValue","getArrowByType","tempDate","setDateByType","prev","Input","cn"],"mappings":";4KA6BA,IAAMA,EAAkBC,GAAAA,EAAAA,UAAAA,EACtB,CACE,CACEC,UAAAA,CAAS,CACTC,KAAAA,EAAO,KAAK,CACZC,MAAAA,CAAK,CACLC,GAAAA,CAAE,CACFC,KAAAA,CAAI,CACJC,KAAAA,EAAO,IAAIC,KAAK,IAAIA,OAAO,QAAQ,CAAC,EAAG,EAAG,EAAG,GAAG,CAChDC,QAAAA,CAAO,CACPC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,OAAAA,CAAM,CACNC,YAAAA,CAAW,CACXC,aAAAA,CAAY,CACZ,GAAGC,EACJ,CACDC,KAEA,GAAM,CAACC,EAAMC,EAAQ,CAAGC,GAAAA,EAAAA,QAAAA,EAAkB,IAE1CC,GAAAA,EAAAA,SAAAA,EAAU,KACR,GAAIH,EAAM,CACR,IAAMI,EAAQC,WAAW,KACvBJ,EAAQ,GACV,EAAG,KAEH,MAAO,IAAMK,aAAaF,EAC5B,CACF,EAAG,CAACJ,EAAK,EAET,IAAMO,EAAkBC,GAAAA,EAAAA,OAAAA,EACtB,IAAMC,GAAAA,EAAAA,aAAAA,EAAcnB,EAAMK,GAC1B,CAACL,EAAMK,EAAO,EAGVe,EAAgB,IACpB,GAAIC,QAAAA,EAAE,GAAG,EAIT,GAHAA,EAAE,cAAc,GACZA,eAAAA,EAAE,GAAG,EAAmBd,MACxBc,cAAAA,EAAE,GAAG,EAAkBf,MACvB,CAAC,UAAW,YAAY,CAAC,QAAQ,CAACe,EAAE,GAAG,EAAG,CAC5C,IAAMC,EAAOD,YAAAA,EAAE,GAAG,CAAiB,EAAI,GACjCE,EAAWC,GAAAA,EAAAA,cAAAA,EAAeP,EAAiBK,EAAMjB,EACnDK,CAAAA,GAAMC,EAAQ,IAClB,IAAMc,EAAW,IAAIxB,KAAKD,GAC1BE,EAAQwB,GAAAA,EAAAA,aAAAA,EAAcD,EAAUF,EAAUlB,GAC5C,CACA,GAAIgB,EAAE,GAAG,EAAI,KAAOA,EAAE,GAAG,EAAI,IAAK,CAChC,IAAME,EAAW,EAEbN,EAAgB,KAAK,CAAC,EAAG,GAAKI,EAAE,GAAG,CADnC,IAAMA,EAAE,GAAG,CAEXX,GAAMH,MACVI,EAAQgB,GAAQ,CAACA,GACjB,IAAMF,EAAW,IAAIxB,KAAKD,GAC1BE,EAAQwB,GAAAA,EAAAA,aAAAA,EAAcD,EAAUF,EAAUlB,GAC5C,EACF,EAEA,MACE,UAACuB,EAAAA,KAAKA,CAAAA,CACJ,IAAKnB,EACL,GAAIX,GAAMO,EACV,KAAMN,GAAQM,EACd,UAAWwB,GAAAA,EAAAA,EAAAA,EACT,+GACAlC,GAEF,MAAOE,GAASoB,EAChB,SAAUI,IACRA,EAAE,cAAc,GAChBlB,IAAWkB,EACb,EACA,KAAMzB,EACN,UAAU,UACV,UAAWyB,IACTjB,IAAYiB,GACZD,EAAcC,EAChB,EACC,GAAGb,CAAK,EAGf,EAGFf,CAAAA,EAAgB,WAAW,CAAG,yB"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as s from"@phosphor-icons/react/dist/ssr";import*as r from"react";import*as t from"../label.js";import*as i from"./time-picker-input.js";function c({date:c,setDate:a}){let o=r.useRef(null),l=r.useRef(null),n=r.useRef(null);return(0,e.jsxs)("div",{className:"flex items-end gap-2",children:[(0,e.jsxs)("div",{className:"grid gap-1 text-center",children:[(0,e.jsx)(t.Label,{htmlFor:"hours",className:"text-xs",children:"Horas"}),(0,e.jsx)(i.TimePickerInput,{picker:"hours",date:c,setDate:a,ref:l,onRightFocus:()=>o.current?.focus()})]}),(0,e.jsxs)("div",{className:"grid gap-1 text-center",children:[(0,e.jsx)(t.Label,{htmlFor:"minutes",className:"text-xs",children:"Minutos"}),(0,e.jsx)(i.TimePickerInput,{picker:"minutes",date:c,setDate:a,ref:o,onLeftFocus:()=>l.current?.focus(),onRightFocus:()=>n.current?.focus()})]}),(0,e.jsx)("div",{className:"flex h-12 items-center",children:(0,e.jsx)(s.Clock,{size:16,className:"ml-2"})})]})}export{c as TimePicker};
|
|
3
|
+
//# sourceMappingURL=time-picker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\ui\\time-picker.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/ui/time-picker.tsx"],"sourcesContent":["\r\n\r\nimport { Clock } from '@phosphor-icons/react/dist/ssr'\r\nimport * as React from 'react'\r\n\r\nimport { Label } from '../label'\r\nimport { TimePickerInput } from './time-picker-input'\r\n\r\ninterface TimePickerProps {\r\n date: Date | undefined\r\n setDate: (date: Date | undefined) => void\r\n}\r\n\r\nexport function TimePicker({ date, setDate }: TimePickerProps) {\r\n const minuteRef = React.useRef<HTMLInputElement>(null)\r\n const hourRef = React.useRef<HTMLInputElement>(null)\r\n const secondRef = React.useRef<HTMLInputElement>(null)\r\n\r\n return (\r\n <div className=\"flex items-end gap-2\">\r\n <div className=\"grid gap-1 text-center\">\r\n <Label htmlFor=\"hours\" className=\"text-xs\">\r\n Horas\r\n </Label>\r\n <TimePickerInput\r\n picker=\"hours\"\r\n date={date}\r\n setDate={setDate}\r\n ref={hourRef}\r\n onRightFocus={() => minuteRef.current?.focus()}\r\n />\r\n </div>\r\n\r\n <div className=\"grid gap-1 text-center\">\r\n <Label htmlFor=\"minutes\" className=\"text-xs\">\r\n Minutos\r\n </Label>\r\n <TimePickerInput\r\n picker=\"minutes\"\r\n date={date}\r\n setDate={setDate}\r\n ref={minuteRef}\r\n onLeftFocus={() => hourRef.current?.focus()}\r\n onRightFocus={() => secondRef.current?.focus()}\r\n />\r\n </div>\r\n\r\n <div className=\"flex h-12 items-center\">\r\n <Clock size={16} className=\"ml-2\" />\r\n </div>\r\n </div>\r\n )\r\n}\r\n"],"names":["TimePicker","date","setDate","minuteRef","React","hourRef","secondRef","Label","TimePickerInput","Clock"],"mappings":";oLAaO,SAASA,EAAW,CAAEC,KAAAA,CAAI,CAAEC,QAAAA,CAAO,CAAmB,EAC3D,IAAMC,EAAYC,EAAAA,MAAY,CAAmB,MAC3CC,EAAUD,EAAAA,MAAY,CAAmB,MACzCE,EAAYF,EAAAA,MAAY,CAAmB,MAEjD,MACE,WAAC,OAAI,UAAU,uB,UACb,WAAC,OAAI,UAAU,yB,UACb,UAACG,EAAAA,KAAKA,CAAAA,CAAC,QAAQ,QAAQ,UAAU,U,SAAU,O,GAG3C,UAACC,EAAAA,eAAeA,CAAAA,CACd,OAAO,QACP,KAAMP,EACN,QAASC,EACT,IAAKG,EACL,aAAc,IAAMF,EAAU,OAAO,EAAE,O,MAI3C,WAAC,OAAI,UAAU,yB,UACb,UAACI,EAAAA,KAAKA,CAAAA,CAAC,QAAQ,UAAU,UAAU,U,SAAU,S,GAG7C,UAACC,EAAAA,eAAeA,CAAAA,CACd,OAAO,UACP,KAAMP,EACN,QAASC,EACT,IAAKC,EACL,YAAa,IAAME,EAAQ,OAAO,EAAE,QACpC,aAAc,IAAMC,EAAU,OAAO,EAAE,O,MAI3C,UAAC,OAAI,UAAU,yB,SACb,UAACG,EAAAA,KAAKA,CAAAA,CAAC,KAAM,GAAI,UAAU,M,OAInC,Q"}
|