@gbmtech/aurora-ui 0.1.20 → 0.1.21
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/button.cjs +1 -1
- package/dist/cjs/components/button.cjs.map +1 -1
- package/dist/cjs/components/command.cjs.map +1 -1
- package/dist/cjs/components/date-picker.cjs +1 -1
- package/dist/cjs/components/date-picker.cjs.map +1 -1
- package/dist/cjs/components/input-password.cjs +1 -1
- package/dist/cjs/components/input-password.cjs.map +1 -1
- package/dist/cjs/components/input.cjs +1 -1
- package/dist/cjs/components/input.cjs.map +1 -1
- package/dist/cjs/components/mask-input.cjs.map +1 -1
- package/dist/cjs/components/time-picker-input.cjs.map +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/lib/utils.cjs.map +1 -1
- package/dist/cjs/primitive/input.cjs +2 -0
- package/dist/cjs/primitive/input.cjs.map +1 -0
- package/dist/cjs/utils/phosphor-icon-map.cjs.map +1 -1
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/command.js.map +1 -1
- package/dist/esm/components/date-picker.js +1 -1
- package/dist/esm/components/date-picker.js.map +1 -1
- package/dist/esm/components/input-password.js +1 -1
- package/dist/esm/components/input-password.js.map +1 -1
- package/dist/esm/components/input.js +1 -1
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/mask-input.js.map +1 -1
- package/dist/esm/components/time-picker-input.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/lib/utils.js.map +1 -1
- package/dist/esm/primitive/input.js +2 -0
- package/dist/esm/primitive/input.js.map +1 -0
- package/dist/esm/utils/phosphor-icon-map.js.map +1 -1
- package/dist/types/components/button.d.ts +10 -2
- package/dist/types/components/button.d.ts.map +1 -1
- package/dist/types/components/command.d.ts +1 -1
- package/dist/types/components/command.d.ts.map +1 -1
- package/dist/types/components/date-picker.d.ts +1 -2
- package/dist/types/components/date-picker.d.ts.map +1 -1
- package/dist/types/components/input-password.d.ts +5 -2
- package/dist/types/components/input-password.d.ts.map +1 -1
- package/dist/types/components/input.d.ts +37 -2
- package/dist/types/components/input.d.ts.map +1 -1
- package/dist/types/components/mask-input.d.ts +3 -2
- package/dist/types/components/mask-input.d.ts.map +1 -1
- package/dist/types/components/time-picker-input.d.ts +4 -3
- package/dist/types/components/time-picker-input.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/lib/utils.d.ts +3 -10
- package/dist/types/lib/utils.d.ts.map +1 -1
- package/dist/types/primitive/input.d.ts +66 -0
- package/dist/types/primitive/input.d.ts.map +1 -0
- package/package.json +2 -1
- package/dist/cjs/components/ui/time-picker-input.cjs +0 -3
- package/dist/cjs/components/ui/time-picker-input.cjs.map +0 -1
- package/dist/cjs/components/ui/time-picker.cjs +0 -3
- package/dist/cjs/components/ui/time-picker.cjs.map +0 -1
- package/dist/esm/components/ui/time-picker-input.js +0 -3
- package/dist/esm/components/ui/time-picker-input.js.map +0 -1
- package/dist/esm/components/ui/time-picker.js +0 -3
- package/dist/esm/components/ui/time-picker.js.map +0 -1
- package/dist/types/components/ui/time-picker-input.d.ts +0 -12
- package/dist/types/components/ui/time-picker.d.ts +0 -7
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{buttonVariants:()=>buttonVariants,Button:()=>Button});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_slot_namespaceObject=require("@radix-ui/react-slot"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_spinner_cjs_namespaceObject=require("./spinner.cjs"),buttonVariants=(0,utils_cjs_namespaceObject.tv)({base:"cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors 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 max-lg:text-sm",variants:{variant:{primary:"bg-gbm-sky text-white hover:bg-gbm-ocean",secondary:"border border-stroke bg-white text-gbm-dark hover:bg-gray-100",tertiary:"border border-stroke bg-white text-gbm-sky hover:bg-gray-100",outline:"border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white",ghost:"text-gbm-dark hover:border-gbm-blue hover:bg-gray-100",destructive:"bg-rose-600 text-white hover:bg-rose-700",link:"text-gbm-dark underline-offset-2 hover:underline"},size:{sm:"h-10 gap-1.5 px-3 py-2",md:"h-12 gap-4 px-3 py-2",lg:"h-14 gap-6 px-3 py-4",icon:"h-10 w-10 p-2"},rounded:{true:"rounded-full",false:"rounded-md"},loading:{true:"pointer-events-none",false:""}},defaultVariants:{variant:"primary",size:"sm",rounded:!1,loading:!1}});function Button({
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{buttonVariants:()=>buttonVariants,Button:()=>Button});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_slot_namespaceObject=require("@radix-ui/react-slot"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_spinner_cjs_namespaceObject=require("./spinner.cjs"),buttonVariants=(0,utils_cjs_namespaceObject.tv)({base:"cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors 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 max-lg:text-sm",variants:{variant:{primary:"bg-gbm-sky text-white hover:bg-gbm-ocean",secondary:"border border-stroke bg-white text-gbm-dark hover:bg-gray-100",tertiary:"border border-stroke bg-white text-gbm-sky hover:bg-gray-100",outline:"border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white",ghost:"text-gbm-dark hover:border-gbm-blue hover:bg-gray-100",destructive:"bg-rose-600 text-white hover:bg-rose-700",link:"text-gbm-dark underline-offset-2 hover:underline"},size:{sm:"h-10 gap-1.5 px-3 py-2",md:"h-12 gap-4 px-3 py-2",lg:"h-14 gap-6 px-3 py-4",icon:"h-10 w-10 p-2"},rounded:{true:"rounded-full",false:"rounded-md"},loading:{true:"pointer-events-none",false:""}},defaultVariants:{variant:"primary",size:"sm",rounded:!1,loading:!1}});function Button({children:e,className:t,disabled:r,loaderPosition:_,loading:n,prefix:a,size:s,spinner:i,suffix:o,variant:c,asChild:b,rounded:p,...u}){let l=b?react_slot_namespaceObject.Slot:"button";return(0,jsx_runtime_namespaceObject.jsxs)(l,{className:(0,utils_cjs_namespaceObject.cn)(buttonVariants({variant:c,size:s,rounded:p,loading:n,className:t})),"data-slot":"button","data-variant":c,disabled:n||r,type:"button",...u,children:[n&&"prefix"===_?i||(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):a,(0,jsx_runtime_namespaceObject.jsx)(react_slot_namespaceObject.Slottable,{children:n&&!_?(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):e}),n&&"suffix"===_?i||(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):o]})}for(var __webpack_i__ in exports.Button=__webpack_exports__.Button,exports.buttonVariants=__webpack_exports__.buttonVariants,__webpack_exports__)-1===["Button","buttonVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
2
2
|
//# sourceMappingURL=button.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\button.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps } from 'react'\r\n\r\nimport type { VariantProps } from '../lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\nimport { Spinner } from './spinner'\r\n\r\nconst buttonVariants = tv({\r\n base: 'cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors 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 max-lg:text-sm',\r\n variants: {\r\n variant: {\r\n primary: 'bg-gbm-sky text-white hover:bg-gbm-ocean',\r\n secondary:\r\n 'border border-stroke bg-white text-gbm-dark hover:bg-gray-100',\r\n tertiary: 'border border-stroke bg-white text-gbm-sky hover:bg-gray-100',\r\n outline:\r\n 'border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white',\r\n ghost: 'text-gbm-dark hover:border-gbm-blue hover:bg-gray-100',\r\n destructive: 'bg-rose-600 text-white hover:bg-rose-700',\r\n link: 'text-gbm-dark underline-offset-2 hover:underline',\r\n },\r\n size: {\r\n sm: 'h-10 gap-1.5 px-3 py-2',\r\n md: 'h-12 gap-4 px-3 py-2',\r\n lg: 'h-14 gap-6 px-3 py-4',\r\n icon: 'h-10 w-10 p-2',\r\n },\r\n rounded: {\r\n true: 'rounded-full',\r\n false: 'rounded-md',\r\n },\r\n loading: {\r\n true: 'pointer-events-none',\r\n false: '',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'primary',\r\n size: 'sm',\r\n rounded: false,\r\n loading: false,\r\n },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Button\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport type ButtonProps = ComponentProps<'button'> &\r\n VariantProps<typeof buttonVariants> & {\r\n asChild?: boolean\r\n }\r\n\r\nfunction Button({\r\n className,\r\n
|
|
1
|
+
{"version":3,"file":"components\\button.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps, JSX, ReactNode } from 'react'\r\n\r\nimport type { VariantProps } from '../lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\nimport { Spinner } from './spinner'\r\n\r\nconst buttonVariants = tv({\r\n base: 'cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors 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 max-lg:text-sm',\r\n variants: {\r\n variant: {\r\n primary: 'bg-gbm-sky text-white hover:bg-gbm-ocean',\r\n secondary:\r\n 'border border-stroke bg-white text-gbm-dark hover:bg-gray-100',\r\n tertiary: 'border border-stroke bg-white text-gbm-sky hover:bg-gray-100',\r\n outline:\r\n 'border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white',\r\n ghost: 'text-gbm-dark hover:border-gbm-blue hover:bg-gray-100',\r\n destructive: 'bg-rose-600 text-white hover:bg-rose-700',\r\n link: 'text-gbm-dark underline-offset-2 hover:underline',\r\n },\r\n size: {\r\n sm: 'h-10 gap-1.5 px-3 py-2',\r\n md: 'h-12 gap-4 px-3 py-2',\r\n lg: 'h-14 gap-6 px-3 py-4',\r\n icon: 'h-10 w-10 p-2',\r\n },\r\n rounded: {\r\n true: 'rounded-full',\r\n false: 'rounded-md',\r\n },\r\n loading: {\r\n true: 'pointer-events-none',\r\n false: '',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'primary',\r\n size: 'sm',\r\n rounded: false,\r\n loading: false,\r\n },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Button\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport type ButtonProps = ComponentProps<'button'> &\r\n VariantProps<typeof buttonVariants> & {\r\n asChild?: boolean\r\n }\r\n\r\nfunction Button({\r\n children,\r\n className,\r\n disabled,\r\n loaderPosition,\r\n loading,\r\n prefix,\r\n size,\r\n spinner,\r\n suffix,\r\n variant,\r\n asChild,\r\n rounded,\r\n ...props\r\n}: Omit<ComponentProps<'button'>, 'prefix'> &\r\n VariantProps<typeof buttonVariants> & {\r\n loaderPosition?: 'prefix' | 'suffix'\r\n loading?: boolean\r\n prefix?: ReactNode\r\n spinner?: ReactNode\r\n suffix?: ReactNode\r\n asChild?: boolean\r\n rounded?: boolean\r\n }): JSX.Element {\r\n const Comp = asChild ? Slot : 'button'\r\n\r\n return (\r\n <Comp\r\n className={cn(\r\n buttonVariants({ variant, size, rounded, loading, className })\r\n )}\r\n data-slot=\"button\"\r\n data-variant={variant}\r\n disabled={loading || disabled}\r\n type=\"button\"\r\n {...props}\r\n >\r\n {loading && loaderPosition === 'prefix' ? spinner || <Spinner /> : prefix}\r\n <Slottable>\r\n {loading && !loaderPosition ? <Spinner /> : children}\r\n </Slottable>\r\n {loading && loaderPosition === 'suffix' ? spinner || <Spinner /> : suffix}\r\n </Comp>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Button, buttonVariants }\r\n"],"names":["buttonVariants","tv","Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","asChild","rounded","props","Comp","Slot","cn","Spinner","Slottable"],"mappings":"8iCAQMA,eAAiBC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,CACxB,KAAM,gSACN,SAAU,CACR,QAAS,CACP,QAAS,2CACT,UACE,gEACF,SAAU,+DACV,QACE,gFACF,MAAO,wDACP,YAAa,2CACb,KAAM,kDACR,EACA,KAAM,CACJ,GAAI,yBACJ,GAAI,uBACJ,GAAI,uBACJ,KAAM,eACR,EACA,QAAS,CACP,KAAM,eACN,MAAO,YACT,EACA,QAAS,CACP,KAAM,sBACN,MAAO,EACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,KACN,QAAS,GACT,QAAS,EACX,CACF,GAWA,SAASC,OAAO,CACdC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,KAAAA,CAAI,CACJC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAUF,EACD,IAAMC,EAAOH,EAAUI,2BAAAA,IAAIA,CAAG,SAE9B,MACE,qCAACD,EAAAA,CACC,UAAWE,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EACTlB,eAAe,CAAEY,QAAAA,EAASH,KAAAA,EAAMK,QAAAA,EAASP,QAAAA,EAASH,UAAAA,CAAU,IAE9D,YAAU,SACV,eAAcQ,EACd,SAAUL,GAAWF,EACrB,KAAK,SACJ,GAAGU,CAAK,C,UAERR,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,oCAACS,qCAAAA,OAAOA,CAAAA,CAAAA,GAAMX,EACnE,oCAACY,2BAAAA,SAASA,CAAAA,C,SACPb,GAAW,CAACD,EAAiB,oCAACa,qCAAAA,OAAOA,CAAAA,CAAAA,GAAMhB,C,GAE7CI,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,oCAACS,qCAAAA,OAAOA,CAAAA,CAAAA,GAAMR,E,EAGzE,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\command.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/command.tsx"],"sourcesContent":["\r\n\r\nimport { MagnifyingGlass } from '@phosphor-icons/react/dist/ssr'\r\nimport { Command as CommandPrimitive } from 'cmdk'\r\nimport { ComponentProps } from 'react'\r\n\r\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\r\nimport { cn } from '../lib/utils'\r\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from './dialog'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Command\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Command({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive>): JSX.Element {\r\n return (\r\n <CommandPrimitive\r\n className={cn(\r\n 'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\r\n className\r\n )}\r\n data-slot=\"command\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandDialog\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandDialog({\r\n children,\r\n ...props\r\n}: ComponentProps<typeof Dialog>): JSX.Element {\r\n return (\r\n <Dialog data-slot=\"command-dialog\" {...props}>\r\n <DialogContent\r\n className=\"overflow-hidden p-0 shadow-lg\"\r\n data-slot=\"command-dialog-content\"\r\n >\r\n <VisuallyHidden>\r\n <DialogTitle>Search command</DialogTitle>\r\n <DialogDescription>\r\n Use the search bar to find and select the desired command.\r\n </DialogDescription>\r\n </VisuallyHidden>\r\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandInput\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandInput({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Input>): JSX.Element {\r\n return (\r\n <div className=\"flex items-center border-b px-3\">\r\n <MagnifyingGlass className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n className={cn(\r\n 'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n className\r\n )}\r\n data-slot=\"command-input\"\r\n {...props}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandList\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandList({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.List>): JSX.Element {\r\n return (\r\n <CommandPrimitive.List\r\n className={cn(\r\n 'max-h-[300px] overflow-y-auto overflow-x-hidden',\r\n className\r\n )}\r\n data-slot=\"command-list\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandEmpty\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandEmpty({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Empty>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Empty\r\n className={cn('py-6 text-center text-sm', className)}\r\n data-slot=\"command-empty\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandGroup({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Group>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Group\r\n className={cn(\r\n 'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs',\r\n className\r\n )}\r\n data-slot=\"command-group\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Separator>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Separator\r\n className={cn('-mx-1 h-px bg-stroke', className)}\r\n data-slot=\"command-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandItem({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Item>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Item\r\n className={cn(\r\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-[selected='true']:bg-accent aria-[selected='true']:text-accent-foreground data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50\",\r\n className\r\n )}\r\n data-slot=\"command-item\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandShortcut\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandShortcut({\r\n className,\r\n ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n return (\r\n <span\r\n className={cn(\r\n 'ml-auto text-muted-foreground text-xs tracking-widest',\r\n className\r\n )}\r\n data-slot=\"command-shortcut\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Command,\r\n CommandDialog,\r\n CommandInput,\r\n CommandList,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandItem,\r\n CommandShortcut,\r\n CommandSeparator,\r\n}\r\n"],"names":["Command","className","props","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","VisuallyHidden","DialogTitle","DialogDescription","CommandInput","MagnifyingGlass","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":";04CAcA,SAASA,QAAQ,CACfC,UAAAA,CAAS,CACT,GAAGC,EACqC,EACxC,MACE,oCAACC,8BAAAA,OAAgBA,CAAAA,CACf,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,4FACAH,GAEF,YAAU,UACT,GAAGC,CAAK,EAGf,CAMA,SAASG,cAAc,CACrBC,SAAAA,CAAQ,CACR,GAAGJ,EAC2B,EAC9B,MACE,oCAACK,oCAAAA,MAAMA,CAAAA,CAAC,YAAU,iBAAkB,GAAGL,CAAK,C,SAC1C,qCAACM,oCAAAA,aAAaA,CAAAA,CACZ,UAAU,gCACV,YAAU,yB,UAEV,qCAACC,sCAAAA,cAAcA,CAAAA,C,UACb,oCAACC,oCAAAA,WAAWA,CAAAA,C,SAAC,gB,GACb,oCAACC,oCAAAA,iBAAiBA,CAAAA,C,SAAC,4D,MAIrB,oCAACX,QAAAA,CAAQ,UAAU,8W,SAChBM,C,OAKX,CAMA,SAASM,aAAa,CACpBX,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,qCAAC,OAAI,UAAU,kC,UACb,oCAACW,oBAAAA,eAAeA,CAAAA,CAAC,UAAU,kC,GAC3B,oCAACV,8BAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,yJACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,KAIjB,CAMA,SAASY,YAAY,CACnBb,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,kDACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASa,aAAa,CACpBd,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,0BAAAA,EAAAA,EAAG,2BAA4BH,GAC1C,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASc,aAAa,CACpBf,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,yNACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASe,iBAAiB,CACxBhB,UAAAA,CAAS,CACT,GAAGC,EAC+C,EAClD,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,SAA0B,EACzB,UAAWC,GAAAA,0BAAAA,EAAAA,EAAG,uBAAwBH,GACtC,YAAU,oBACT,GAAGC,CAAK,EAGf,CAMA,SAASgB,YAAY,CACnBjB,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,gQACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASiB,gBAAgB,CACvBlB,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,MACE,oCAAC,QACC,UAAWE,GAAAA,0BAAAA,EAAAA,EACT,wDACAH,GAEF,YAAU,mBACT,GAAGC,CAAK,EAGf,C"}
|
|
1
|
+
{"version":3,"file":"components\\command.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/command.tsx"],"sourcesContent":["\r\n\r\nimport { MagnifyingGlass } from '@phosphor-icons/react/dist/ssr'\r\nimport { Command as CommandPrimitive } from 'cmdk'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\r\nimport { cn } from '../lib/utils'\r\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from './dialog'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Command\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Command({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive>): JSX.Element {\r\n return (\r\n <CommandPrimitive\r\n className={cn(\r\n 'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\r\n className\r\n )}\r\n data-slot=\"command\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandDialog\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandDialog({\r\n children,\r\n ...props\r\n}: ComponentProps<typeof Dialog>): JSX.Element {\r\n return (\r\n <Dialog data-slot=\"command-dialog\" {...props}>\r\n <DialogContent\r\n className=\"overflow-hidden p-0 shadow-lg\"\r\n data-slot=\"command-dialog-content\"\r\n >\r\n <VisuallyHidden>\r\n <DialogTitle>Search command</DialogTitle>\r\n <DialogDescription>\r\n Use the search bar to find and select the desired command.\r\n </DialogDescription>\r\n </VisuallyHidden>\r\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandInput\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandInput({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Input>): JSX.Element {\r\n return (\r\n <div className=\"flex items-center border-b px-3\">\r\n <MagnifyingGlass className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n className={cn(\r\n 'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n className\r\n )}\r\n data-slot=\"command-input\"\r\n {...props}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandList\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandList({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.List>): JSX.Element {\r\n return (\r\n <CommandPrimitive.List\r\n className={cn(\r\n 'max-h-[300px] overflow-y-auto overflow-x-hidden',\r\n className\r\n )}\r\n data-slot=\"command-list\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandEmpty\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandEmpty({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Empty>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Empty\r\n className={cn('py-6 text-center text-sm', className)}\r\n data-slot=\"command-empty\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandGroup({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Group>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Group\r\n className={cn(\r\n 'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs',\r\n className\r\n )}\r\n data-slot=\"command-group\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Separator>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Separator\r\n className={cn('-mx-1 h-px bg-stroke', className)}\r\n data-slot=\"command-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandItem({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Item>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Item\r\n className={cn(\r\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-[selected='true']:bg-accent aria-[selected='true']:text-accent-foreground data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50\",\r\n className\r\n )}\r\n data-slot=\"command-item\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandShortcut\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandShortcut({\r\n className,\r\n ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n return (\r\n <span\r\n className={cn(\r\n 'ml-auto text-muted-foreground text-xs tracking-widest',\r\n className\r\n )}\r\n data-slot=\"command-shortcut\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Command,\r\n CommandDialog,\r\n CommandInput,\r\n CommandList,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandItem,\r\n CommandShortcut,\r\n CommandSeparator,\r\n}\r\n"],"names":["Command","className","props","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","VisuallyHidden","DialogTitle","DialogDescription","CommandInput","MagnifyingGlass","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":";04CAcA,SAASA,QAAQ,CACfC,UAAAA,CAAS,CACT,GAAGC,EACqC,EACxC,MACE,oCAACC,8BAAAA,OAAgBA,CAAAA,CACf,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,4FACAH,GAEF,YAAU,UACT,GAAGC,CAAK,EAGf,CAMA,SAASG,cAAc,CACrBC,SAAAA,CAAQ,CACR,GAAGJ,EAC2B,EAC9B,MACE,oCAACK,oCAAAA,MAAMA,CAAAA,CAAC,YAAU,iBAAkB,GAAGL,CAAK,C,SAC1C,qCAACM,oCAAAA,aAAaA,CAAAA,CACZ,UAAU,gCACV,YAAU,yB,UAEV,qCAACC,sCAAAA,cAAcA,CAAAA,C,UACb,oCAACC,oCAAAA,WAAWA,CAAAA,C,SAAC,gB,GACb,oCAACC,oCAAAA,iBAAiBA,CAAAA,C,SAAC,4D,MAIrB,oCAACX,QAAAA,CAAQ,UAAU,8W,SAChBM,C,OAKX,CAMA,SAASM,aAAa,CACpBX,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,qCAAC,OAAI,UAAU,kC,UACb,oCAACW,oBAAAA,eAAeA,CAAAA,CAAC,UAAU,kC,GAC3B,oCAACV,8BAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,yJACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,KAIjB,CAMA,SAASY,YAAY,CACnBb,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,kDACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASa,aAAa,CACpBd,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,0BAAAA,EAAAA,EAAG,2BAA4BH,GAC1C,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASc,aAAa,CACpBf,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,yNACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASe,iBAAiB,CACxBhB,UAAAA,CAAS,CACT,GAAGC,EAC+C,EAClD,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,SAA0B,EACzB,UAAWC,GAAAA,0BAAAA,EAAAA,EAAG,uBAAwBH,GACtC,YAAU,oBACT,GAAGC,CAAK,EAGf,CAMA,SAASgB,YAAY,CACnBjB,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,oCAACC,8BAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,gQACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASiB,gBAAgB,CACvBlB,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,MACE,oCAAC,QACC,UAAWE,GAAAA,0BAAAA,EAAAA,EACT,wDACAH,GAEF,YAAU,mBACT,GAAGC,CAAK,EAGf,C"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DatePicker:()=>DatePicker});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_date_fns_namespaceObject=require("date-fns"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_calendar_cjs_namespaceObject=require("./calendar.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs");function DatePicker({date:e,placeholder:_,className:a,disabled:r=!1,onChange:t}){let[c,n]=(0,external_react_namespaceObject.useState)(e);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:"date",variant:"secondary",size:"md",className:(0,utils_cjs_namespaceObject.cn)("min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50",!c&&"text-gbm-dark/50",a),disabled:r,children:[c?(0,external_date_fns_namespaceObject.format)(c,"dd/MM/yyyy"):(0,jsx_runtime_namespaceObject.jsx)("span",{children:_||"Selecione a data"}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CalendarBlank,{className:"ml-4 size-4 text-gbm-dark"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",align:"start",children:(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{mode:"single",selected:c,onSelect:e=>{n(e),t?.(e)}})})]})}for(var __webpack_i__ in exports.DatePicker=__webpack_exports__.DatePicker,__webpack_exports__)-1===["DatePicker"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
3
|
//# sourceMappingURL=date-picker.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\date-picker.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/date-picker.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react'\r\nimport { format } from 'date-fns'\r\nimport { useState } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\
|
|
1
|
+
{"version":3,"file":"components\\date-picker.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/date-picker.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react'\r\nimport { format } from 'date-fns'\r\nimport { useState } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\ninterface DatePickerProps {\r\n date?: Date\r\n placeholder?: string\r\n className?: string\r\n disabled?: boolean\r\n onChange?: (date: Date | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePicker\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DatePicker({\r\n date,\r\n placeholder,\r\n className,\r\n disabled = false,\r\n onChange,\r\n}: DatePickerProps) {\r\n const [currentDate, setCurrentDate] = useState<Date | undefined>(date)\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button\r\n id=\"date\"\r\n variant=\"secondary\"\r\n size=\"md\"\r\n className={cn(\r\n 'min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50',\r\n !currentDate && 'text-gbm-dark/50',\r\n className\r\n )}\r\n disabled={disabled}\r\n >\r\n {currentDate ? (\r\n format(currentDate, 'dd/MM/yyyy')\r\n ) : (\r\n <span>{placeholder || 'Selecione a data'}</span>\r\n )}\r\n <CalendarBlank className=\"ml-4 size-4 text-gbm-dark\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n <Calendar\r\n mode=\"single\"\r\n selected={currentDate}\r\n onSelect={date => {\r\n setCurrentDate(date)\r\n onChange?.(date)\r\n }}\r\n />\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DatePicker }\r\n"],"names":["DatePicker","date","placeholder","className","disabled","onChange","currentDate","setCurrentDate","useState","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar"],"mappings":";kvCAuBA,SAASA,WAAW,CAClBC,KAAAA,CAAI,CACJC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,EAAW,EAAK,CAChBC,SAAAA,CAAQ,CACQ,EAChB,GAAM,CAACC,EAAaC,EAAe,CAAGC,GAAAA,+BAAAA,QAAAA,EAA2BP,GAEjE,MACE,qCAACQ,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,YACR,KAAK,KACL,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,0FACA,CAACN,GAAe,mBAChBH,GAEF,SAAUC,E,UAETE,EACCO,GAAAA,kCAAAA,MAAAA,EAAOP,EAAa,cAEpB,oCAAC,Q,SAAMJ,GAAe,kB,GAExB,oCAACY,sBAAAA,aAAaA,CAAAA,CAAC,UAAU,2B,QAG7B,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,UAAU,aAAa,MAAM,Q,SAC3C,oCAACC,sCAAAA,QAAQA,CAAAA,CACP,KAAK,SACL,SAAUV,EACV,SAAUL,IACRM,EAAeN,GACfI,IAAWJ,EACb,C,OAKV,C"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InputPassword:()=>InputPassword});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),external_react_namespaceObject=require("react"),input_cjs_namespaceObject=require("../primitive/input.cjs"),external_spinner_cjs_namespaceObject=require("./spinner.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_input_cjs_namespaceObject=require("./input.cjs"),{input:e,root:_}=(0,external_input_cjs_namespaceObject.inputVariants)();function InputPassword({className:a,disabled:s,loaderPosition:r,loading:t,prefix:n,readOnly:c,spinner:p,suffix:i,...o}){let[u,b]=(0,external_react_namespaceObject.useState)("password"),l=(0,external_react_namespaceObject.useCallback)(()=>{b(e=>"password"===e?"text":"password")},[]);return(0,jsx_runtime_namespaceObject.jsxs)(input_cjs_namespaceObject.Root,{className:_({className:[!i&&"pr-1.5",a]}),"data-slot":"input-password",disabled:s,loaderPosition:r,loading:t,prefix:n,readOnly:c,spinner:p||(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}),suffix:i,children:[(0,jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Field,{autoCapitalize:"none",className:e(),"data-slot":"input-password-item",type:u,...o}),(0,jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button,{"aria-label":"password"===u?"Show password":"Hide password",className:"size-7 rounded-full focus-visible:not-disabled:bg-input focus-visible:ring-0","data-slot":"input-password-toggle",disabled:s,prefix:"password"===u?(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.EyeSlash,{}):(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.Eye,{}),size:"icon",variant:"ghost",onClick:l})]})}for(var __webpack_i__ in exports.InputPassword=__webpack_exports__.InputPassword,__webpack_exports__)-1===["InputPassword"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
3
|
//# sourceMappingURL=input-password.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\input-password.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/input-password.tsx"],"sourcesContent":["\r\n\r\nimport { Eye, EyeSlash } from '@phosphor-icons/react/dist/ssr'\r\nimport {
|
|
1
|
+
{"version":3,"file":"components\\input-password.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/input-password.tsx"],"sourcesContent":["\r\n\r\nimport { Eye, EyeSlash } from '@phosphor-icons/react/dist/ssr'\r\nimport {\r\n ComponentProps,\r\n JSX,\r\n MouseEventHandler,\r\n useCallback,\r\n useState,\r\n} from 'react'\r\n\r\nimport * as InputPrimitive from '@/primitive/input'\r\n\r\nimport { Spinner } from '@/components/spinner'\r\nimport { VariantProps } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { inputVariants } from './input'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: InputPassword\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst { input, root } = inputVariants()\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: InputPassword\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction InputPassword({\r\n className,\r\n disabled,\r\n loaderPosition,\r\n loading,\r\n prefix,\r\n readOnly,\r\n spinner,\r\n suffix,\r\n ...props\r\n}: ComponentProps<typeof InputPrimitive.Root> &\r\n Omit<ComponentProps<typeof InputPrimitive.Field>, 'prefix' | 'type'> &\r\n VariantProps<typeof inputVariants>): JSX.Element {\r\n const [type, setType] = useState<'password' | 'text'>('password')\r\n\r\n const togglePasswordVisibility = useCallback<\r\n MouseEventHandler<HTMLButtonElement>\r\n >(() => {\r\n setType(prev => (prev === 'password' ? 'text' : 'password'))\r\n }, [])\r\n\r\n return (\r\n <InputPrimitive.Root\r\n className={root({ className: [!suffix && 'pr-1.5', className] })}\r\n data-slot=\"input-password\"\r\n disabled={disabled}\r\n loaderPosition={loaderPosition}\r\n loading={loading}\r\n prefix={prefix}\r\n readOnly={readOnly}\r\n spinner={spinner || <Spinner />}\r\n suffix={suffix}\r\n >\r\n <InputPrimitive.Field\r\n autoCapitalize=\"none\"\r\n className={input()}\r\n data-slot=\"input-password-item\"\r\n type={type}\r\n {...props}\r\n />\r\n <Button\r\n aria-label={type === 'password' ? 'Show password' : 'Hide password'}\r\n className=\"size-7 rounded-full focus-visible:not-disabled:bg-input focus-visible:ring-0\"\r\n data-slot=\"input-password-toggle\"\r\n disabled={disabled}\r\n prefix={type === 'password' ? <EyeSlash /> : <Eye />}\r\n size=\"icon\"\r\n variant=\"ghost\"\r\n onClick={togglePasswordVisibility}\r\n />\r\n </InputPrimitive.Root>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { InputPassword }\r\n"],"names":["input","root","inputVariants","InputPassword","className","disabled","loaderPosition","loading","prefix","readOnly","spinner","suffix","props","type","setType","useState","togglePasswordVisibility","useCallback","prev","InputPrimitive","Spinner","Button","EyeSlash","Eye"],"mappings":";ysCAsBM,CAAEA,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,CAAGC,GAAAA,mCAAAA,aAAAA,IAMxB,SAASC,cAAc,CACrBC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACN,GAAGC,EAG+B,EAClC,GAAM,CAACC,EAAMC,EAAQ,CAAGC,GAAAA,+BAAAA,QAAAA,EAA8B,YAEhDC,EAA2BC,GAAAA,+BAAAA,WAAAA,EAE/B,KACAH,EAAQI,GAASA,aAAAA,EAAsB,OAAS,WAClD,EAAG,EAAE,EAEL,MACE,qCAACC,0BAAAA,IAAmB,EAClB,UAAWlB,EAAK,CAAE,UAAW,CAAC,CAACU,GAAU,SAAUP,EAAU,GAC7D,YAAU,iBACV,SAAUC,EACV,eAAgBC,EAChB,QAASC,EACT,OAAQC,EACR,SAAUC,EACV,QAASC,GAAW,oCAACU,qCAAAA,OAAOA,CAAAA,CAAAA,GAC5B,OAAQT,E,UAER,oCAACQ,0BAAAA,KAAoB,EACnB,eAAe,OACf,UAAWnB,IACX,YAAU,sBACV,KAAMa,EACL,GAAGD,CAAK,GAEX,oCAACS,oCAAAA,MAAMA,CAAAA,CACL,aAAYR,aAAAA,EAAsB,gBAAkB,gBACpD,UAAU,+EACV,YAAU,wBACV,SAAUR,EACV,OAAQQ,aAAAA,EAAsB,oCAACS,oBAAAA,QAAQA,CAAAA,CAAAA,GAAM,oCAACC,oBAAAA,GAAGA,CAAAA,CAAAA,GACjD,KAAK,OACL,QAAQ,QACR,QAASP,C,KAIjB,C"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var t in _)__webpack_require__.o(_,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:_[t]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Input:()=>Input,inputVariants:()=>inputVariants});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),input_cjs_namespaceObject=require("../primitive/input.cjs"),external_spinner_cjs_namespaceObject=require("./spinner.cjs"),inputVariants=(0,utils_cjs_namespaceObject.tv)({slots:{root:"flex h-12 w-full items-center gap-4 rounded-md border border-zinc-200 bg-background px-4 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",input:"peer h-full w-full flex-1 overflow-hidden bg-transparent text-base outline-none placeholder:text-zinc-400"}}),{input:e,root:_}=inputVariants();function Input({className:t,disabled:r,loaderPosition:n,loading:i,prefix:a,readOnly:p,spinner:c,suffix:s,...u}){return(0,jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Root,{className:_({className:t}),"data-slot":"input",disabled:r,loaderPosition:n,loading:i,prefix:a,readOnly:p,spinner:c||(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}),suffix:s,children:(0,jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Field,{className:e(),"data-slot":"input-item",...u})})}for(var __webpack_i__ in exports.Input=__webpack_exports__.Input,exports.inputVariants=__webpack_exports__.inputVariants,__webpack_exports__)-1===["Input","inputVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
3
|
//# sourceMappingURL=input.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\input.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/input.tsx"],"sourcesContent":["\r\n\r\nimport { ComponentProps, JSX, ReactNode } from 'react'\r\n\r\nimport {
|
|
1
|
+
{"version":3,"file":"components\\input.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/input.tsx"],"sourcesContent":["\r\n\r\nimport { ComponentProps, JSX, ReactNode } from 'react'\r\n\r\nimport { VariantProps, tv } from '@/lib/utils'\r\nimport * as InputPrimitive from '@/primitive/input'\r\nimport { Spinner } from './spinner'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Input\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst inputVariants = tv({\r\n slots: {\r\n root: 'flex h-12 w-full items-center gap-4 rounded-md border border-zinc-200 bg-background px-4 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 input:\r\n 'peer h-full w-full flex-1 overflow-hidden bg-transparent text-base outline-none placeholder:text-zinc-400',\r\n },\r\n})\r\n\r\nconst { input, root } = inputVariants()\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Input\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport type InputProps = Omit<ComponentProps<'input'>, 'prefix'> & {\r\n prefix?: ReactNode\r\n suffix?: ReactNode\r\n inputClassName?: string\r\n loaderPosition?: 'prefix' | 'suffix'\r\n loading?: boolean\r\n spinner?: ReactNode\r\n}\r\n\r\nfunction Input({\r\n className,\r\n disabled,\r\n loaderPosition,\r\n loading,\r\n prefix,\r\n readOnly,\r\n spinner,\r\n suffix,\r\n ...props\r\n}: ComponentProps<typeof InputPrimitive.Root> &\r\n Omit<ComponentProps<typeof InputPrimitive.Field>, 'prefix' | 'type'> &\r\n VariantProps<typeof inputVariants> & {\r\n type?:\r\n | 'date'\r\n | 'datetime-local'\r\n | 'email'\r\n | 'file'\r\n | 'month'\r\n | 'number'\r\n | 'password'\r\n | 'search'\r\n | 'tel'\r\n | 'text'\r\n | 'time'\r\n | 'url'\r\n | 'week'\r\n }): JSX.Element {\r\n return (\r\n <InputPrimitive.Root\r\n className={root({ className })}\r\n data-slot=\"input\"\r\n disabled={disabled}\r\n loaderPosition={loaderPosition}\r\n loading={loading}\r\n prefix={prefix}\r\n readOnly={readOnly}\r\n spinner={spinner || <Spinner />}\r\n suffix={suffix}\r\n >\r\n <InputPrimitive.Field\r\n className={input()}\r\n data-slot=\"input-item\"\r\n {...props}\r\n />\r\n </InputPrimitive.Root>\r\n )\r\n}\r\n\r\nexport { Input, inputVariants }\r\n"],"names":["inputVariants","tv","input","root","Input","className","disabled","loaderPosition","loading","prefix","readOnly","spinner","suffix","props","InputPrimitive","Spinner"],"mappings":";2iCAYMA,cAAgBC,GAAAA,0BAAAA,EAAAA,EAAG,CACvB,MAAO,CACL,KAAM,uTACN,MACE,2GACJ,CACF,GAEM,CAAEC,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,CAAGH,gBAexB,SAASI,MAAM,CACbC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACN,GAAGC,EAkBF,EACD,MACE,oCAACC,0BAAAA,IAAmB,EAClB,UAAWX,EAAK,CAAEE,UAAAA,CAAU,GAC5B,YAAU,QACV,SAAUC,EACV,eAAgBC,EAChB,QAASC,EACT,OAAQC,EACR,SAAUC,EACV,QAASC,GAAW,oCAACI,qCAAAA,OAAOA,CAAAA,CAAAA,GAC5B,OAAQH,E,SAER,oCAACE,0BAAAA,KAAoB,EACnB,UAAWZ,IACX,YAAU,aACT,GAAGW,CAAK,IAIjB,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\mask-input.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/mask-input.tsx"],"sourcesContent":["\r\n\r\nimport {
|
|
1
|
+
{"version":3,"file":"components\\mask-input.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/mask-input.tsx"],"sourcesContent":["\r\n\r\nimport { ComponentProps, useEffect, useState } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\nimport { Input } from './input'\r\n\r\ninterface MaskInputProps\r\n extends Omit<ComponentProps<typeof Input>, '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":";mgCAcA,SAASA,UAAU,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,+BAAAA,QAAAA,EAAS,UAE3CC,GAAAA,+BAAAA,SAAAA,EAAU,KACa,UAAjB,OAAOT,GAAuBU,OAAO,KAAK,CAACV,IAE7CO,EADeI,KAAK,KAAK,CAACX,EAAQK,GAAO,QAAQ,GAGrD,EAAG,CAACL,EAAOK,EAAM,EAuBf,oCAACO,mCAAAA,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,0BAAAA,EAAAA,EAAG,OAAQlB,GACrB,GAAGC,CAAI,EAGd,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\time-picker-input.cjs","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
|
|
1
|
+
{"version":3,"file":"components\\time-picker-input.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/time-picker-input.tsx"],"sourcesContent":["\r\n\r\nimport React, { ComponentProps } 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 extends ComponentProps<typeof Input> {\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":";qxCAsBMA,gBAAkBC,yBAAAA,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,yBAAAA,QAAc,CAAU,IAEhDA,yBAAAA,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,yBAAAA,OAAa,CACnC,IAAMsB,GAAAA,gCAAAA,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,gCAAAA,cAAAA,EAAeN,EAAiBI,EAAMd,EACnDK,CAAAA,GAAMC,EAAQ,IAClB,IAAMW,EAAW,IAAIrB,KAAKD,GAC1BE,EAAQqB,GAAAA,gCAAAA,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,gCAAAA,aAAAA,EAAcD,EAAUF,EAAUf,GAC5C,EACF,EAEA,MACE,oCAACoB,mCAAAA,KAAKA,CAAAA,CACJ,IAAKhB,EACL,GAAIX,GAAMO,EACV,KAAMN,GAAQM,EACd,UAAWqB,GAAAA,0BAAAA,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,G,yBAGFf,gBAAgB,WAAW,CAAG,kB"}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"./components/alert-dialog":function(e){e.exports=require("./components/alert-dialog.cjs")},"./components/breadcrumb":function(e){e.exports=require("./components/breadcrumb.cjs")},"./components/button":function(e){e.exports=require("./components/button.cjs")},"./components/calendar":function(e){e.exports=require("./components/calendar.cjs")},"./components/checkbox":function(e){e.exports=require("./components/checkbox.cjs")},"./components/combobox":function(e){e.exports=require("./components/combobox.cjs")},"./components/date-picker-with-range":function(e){e.exports=require("./components/date-picker-with-range.cjs")},"./components/date-picker-with-time":function(e){e.exports=require("./components/date-picker-with-time.cjs")},"./components/date-picker":function(e){e.exports=require("./components/date-picker.cjs")},"./components/date-time-picker-with-range":function(e){e.exports=require("./components/date-time-picker-with-range.cjs")},"./components/dialog":function(e){e.exports=require("./components/dialog.cjs")},"./components/dropdown-menu":function(e){e.exports=require("./components/dropdown-menu.cjs")},"./components/form":function(e){e.exports=require("./components/form.cjs")},"./components/input-otp":function(e){e.exports=require("./components/input-otp.cjs")},"./components/input-password":function(e){e.exports=require("./components/input-password.cjs")},"./components/input":function(e){e.exports=require("./components/input.cjs")},"./components/label":function(e){e.exports=require("./components/label.cjs")},"./components/mask-input":function(e){e.exports=require("./components/mask-input.cjs")},"./components/multi-select":function(e){e.exports=require("./components/multi-select.cjs")},"./components/page-layout":function(e){e.exports=require("./components/page-layout/index.cjs")},"./components/pagination":function(e){e.exports=require("./components/pagination.cjs")},"./components/scroll-area":function(e){e.exports=require("./components/scroll-area.cjs")},"./components/select":function(e){e.exports=require("./components/select.cjs")},"./components/separator":function(e){e.exports=require("./components/separator.cjs")},"./components/skeleton":function(e){e.exports=require("./components/skeleton.cjs")},"./components/switch":function(e){e.exports=require("./components/switch.cjs")},"./components/table-expandable":function(e){e.exports=require("./components/table-expandable.cjs")},"./components/table":function(e){e.exports=require("./components/table.cjs")},"./components/tabs":function(e){e.exports=require("./components/tabs/index.cjs")},"./components/textarea":function(e){e.exports=require("./components/textarea.cjs")},"./components/title":function(e){e.exports=require("./components/title.cjs")},"./components/tokens-grid":function(e){e.exports=require("./components/tokens-grid.cjs")},"./components/tooltip":function(e){e.exports=require("./components/tooltip.cjs")},"./utils/phosphor-icon-map":function(e){e.exports=require("./utils/phosphor-icon-map.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var e=__webpack_require__("./components/alert-dialog"),_={};for(var r in e)"default"!==r&&(_[r]=(function(_){return e[_]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var n=__webpack_require__("./components/dialog"),_={};for(var r in n)"default"!==r&&(_[r]=(function(e){return n[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var o=__webpack_require__("./components/button"),_={};for(var r in o)"default"!==r&&(_[r]=(function(e){return o[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var t=__webpack_require__("./components/input-password"),_={};for(var r in t)"default"!==r&&(_[r]=(function(e){return t[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var c=__webpack_require__("./components/input"),_={};for(var r in c)"default"!==r&&(_[r]=(function(e){return c[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var p=__webpack_require__("./components/tokens-grid"),_={};for(var r in p)"default"!==r&&(_[r]=(function(e){return p[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var i=__webpack_require__("./components/tooltip"),_={};for(var r in i)"default"!==r&&(_[r]=(function(e){return i[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var a=__webpack_require__("./components/switch"),_={};for(var r in a)"default"!==r&&(_[r]=(function(e){return a[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var u=__webpack_require__("./components/label"),_={};for(var r in u)"default"!==r&&(_[r]=(function(e){return u[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var s=__webpack_require__("./components/checkbox"),_={};for(var r in s)"default"!==r&&(_[r]=(function(e){return s[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var b=__webpack_require__("./components/breadcrumb"),_={};for(var r in b)"default"!==r&&(_[r]=(function(e){return b[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var d=__webpack_require__("./components/tabs"),_={};for(var r in d)"default"!==r&&(_[r]=(function(e){return d[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var f=__webpack_require__("./components/form"),_={};for(var r in f)"default"!==r&&(_[r]=(function(e){return f[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var k=__webpack_require__("./components/dropdown-menu"),_={};for(var r in k)"default"!==r&&(_[r]=(function(e){return k[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var w=__webpack_require__("./components/multi-select"),_={};for(var r in w)"default"!==r&&(_[r]=(function(e){return w[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var m=__webpack_require__("./components/select"),_={};for(var r in m)"default"!==r&&(_[r]=(function(e){return m[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var l=__webpack_require__("./components/table"),_={};for(var r in l)"default"!==r&&(_[r]=(function(e){return l[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var q=__webpack_require__("./components/table-expandable"),_={};for(var r in q)"default"!==r&&(_[r]=(function(e){return q[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var x=__webpack_require__("./components/textarea"),_={};for(var r in x)"default"!==r&&(_[r]=(function(e){return x[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var v=__webpack_require__("./components/calendar"),_={};for(var r in v)"default"!==r&&(_[r]=(function(e){return v[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var j=__webpack_require__("./components/date-picker"),_={};for(var r in j)"default"!==r&&(_[r]=(function(e){return j[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var h=__webpack_require__("./components/date-picker-with-range"),_={};for(var r in h)"default"!==r&&(_[r]=(function(e){return h[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var g=__webpack_require__("./components/date-picker-with-time"),_={};for(var r in g)"default"!==r&&(_[r]=(function(e){return g[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var y=__webpack_require__("./components/date-time-picker-with-range"),_={};for(var r in y)"default"!==r&&(_[r]=(function(e){return y[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var S=__webpack_require__("./components/title"),_={};for(var r in S)"default"!==r&&(_[r]=(function(e){return S[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var O=__webpack_require__("./components/page-layout"),_={};for(var r in O)"default"!==r&&(_[r]=(function(e){return O[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var P=__webpack_require__("./components/pagination"),_={};for(var r in P)"default"!==r&&(_[r]=(function(e){return P[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var M=__webpack_require__("./components/skeleton"),_={};for(var r in M)"default"!==r&&(_[r]=(function(e){return M[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var R=__webpack_require__("./components/separator"),_={};for(var r in R)"default"!==r&&(_[r]=(function(e){return R[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var U=__webpack_require__("./components/input-otp"),_={};for(var r in U)"default"!==r&&(_[r]=(function(e){return U[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var L=__webpack_require__("./components/combobox"),_={};for(var r in L)"default"!==r&&(_[r]=(function(e){return L[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var T=__webpack_require__("./components/mask-input"),_={};for(var r in T)"default"!==r&&(_[r]=(function(e){return T[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var I=__webpack_require__("./components/scroll-area"),_={};for(var r in I)"default"!==r&&(_[r]=(function(e){return I[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var z=__webpack_require__("./utils/phosphor-icon-map"),_={};for(var r in z)"default"!==r&&(_[r]=(function(e){return z[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"./components/alert-dialog":function(e){e.exports=require("./components/alert-dialog.cjs")},"./components/breadcrumb":function(e){e.exports=require("./components/breadcrumb.cjs")},"./components/button":function(e){e.exports=require("./components/button.cjs")},"./components/calendar":function(e){e.exports=require("./components/calendar.cjs")},"./components/checkbox":function(e){e.exports=require("./components/checkbox.cjs")},"./components/combobox":function(e){e.exports=require("./components/combobox.cjs")},"./components/date-picker-with-range":function(e){e.exports=require("./components/date-picker-with-range.cjs")},"./components/date-picker-with-time":function(e){e.exports=require("./components/date-picker-with-time.cjs")},"./components/date-picker":function(e){e.exports=require("./components/date-picker.cjs")},"./components/date-time-picker-with-range":function(e){e.exports=require("./components/date-time-picker-with-range.cjs")},"./components/dialog":function(e){e.exports=require("./components/dialog.cjs")},"./components/dropdown-menu":function(e){e.exports=require("./components/dropdown-menu.cjs")},"./components/form":function(e){e.exports=require("./components/form.cjs")},"./components/input-otp":function(e){e.exports=require("./components/input-otp.cjs")},"./components/input-password":function(e){e.exports=require("./components/input-password.cjs")},"./components/input":function(e){e.exports=require("./components/input.cjs")},"./components/label":function(e){e.exports=require("./components/label.cjs")},"./components/mask-input":function(e){e.exports=require("./components/mask-input.cjs")},"./components/multi-select":function(e){e.exports=require("./components/multi-select.cjs")},"./components/page-layout":function(e){e.exports=require("./components/page-layout/index.cjs")},"./components/pagination":function(e){e.exports=require("./components/pagination.cjs")},"./components/scroll-area":function(e){e.exports=require("./components/scroll-area.cjs")},"./components/select":function(e){e.exports=require("./components/select.cjs")},"./components/separator":function(e){e.exports=require("./components/separator.cjs")},"./components/skeleton":function(e){e.exports=require("./components/skeleton.cjs")},"./components/switch":function(e){e.exports=require("./components/switch.cjs")},"./components/table-expandable":function(e){e.exports=require("./components/table-expandable.cjs")},"./components/table":function(e){e.exports=require("./components/table.cjs")},"./components/tabs":function(e){e.exports=require("./components/tabs/index.cjs")},"./components/textarea":function(e){e.exports=require("./components/textarea.cjs")},"./components/title":function(e){e.exports=require("./components/title.cjs")},"./components/tokens-grid":function(e){e.exports=require("./components/tokens-grid.cjs")},"./components/tooltip":function(e){e.exports=require("./components/tooltip.cjs")},"@/lib/utils":function(e){e.exports=require("./lib/utils.cjs")},"@/utils/phosphor-icon-map":function(e){e.exports=require("./utils/phosphor-icon-map.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var e=__webpack_require__("./components/alert-dialog"),_={};for(var r in e)"default"!==r&&(_[r]=(function(_){return e[_]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var n=__webpack_require__("./components/dialog"),_={};for(var r in n)"default"!==r&&(_[r]=(function(e){return n[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var o=__webpack_require__("./components/button"),_={};for(var r in o)"default"!==r&&(_[r]=(function(e){return o[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var t=__webpack_require__("./components/input-password"),_={};for(var r in t)"default"!==r&&(_[r]=(function(e){return t[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var c=__webpack_require__("./components/input"),_={};for(var r in c)"default"!==r&&(_[r]=(function(e){return c[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var p=__webpack_require__("./components/tokens-grid"),_={};for(var r in p)"default"!==r&&(_[r]=(function(e){return p[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var i=__webpack_require__("./components/tooltip"),_={};for(var r in i)"default"!==r&&(_[r]=(function(e){return i[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var a=__webpack_require__("./components/switch"),_={};for(var r in a)"default"!==r&&(_[r]=(function(e){return a[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var u=__webpack_require__("./components/label"),_={};for(var r in u)"default"!==r&&(_[r]=(function(e){return u[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var s=__webpack_require__("./components/checkbox"),_={};for(var r in s)"default"!==r&&(_[r]=(function(e){return s[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var b=__webpack_require__("./components/breadcrumb"),_={};for(var r in b)"default"!==r&&(_[r]=(function(e){return b[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var d=__webpack_require__("./components/tabs"),_={};for(var r in d)"default"!==r&&(_[r]=(function(e){return d[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var f=__webpack_require__("./components/form"),_={};for(var r in f)"default"!==r&&(_[r]=(function(e){return f[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var k=__webpack_require__("./components/dropdown-menu"),_={};for(var r in k)"default"!==r&&(_[r]=(function(e){return k[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var w=__webpack_require__("./components/multi-select"),_={};for(var r in w)"default"!==r&&(_[r]=(function(e){return w[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var m=__webpack_require__("./components/select"),_={};for(var r in m)"default"!==r&&(_[r]=(function(e){return m[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var l=__webpack_require__("./components/table"),_={};for(var r in l)"default"!==r&&(_[r]=(function(e){return l[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var q=__webpack_require__("./components/table-expandable"),_={};for(var r in q)"default"!==r&&(_[r]=(function(e){return q[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var x=__webpack_require__("./components/textarea"),_={};for(var r in x)"default"!==r&&(_[r]=(function(e){return x[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var v=__webpack_require__("./components/calendar"),_={};for(var r in v)"default"!==r&&(_[r]=(function(e){return v[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var j=__webpack_require__("./components/date-picker"),_={};for(var r in j)"default"!==r&&(_[r]=(function(e){return j[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var h=__webpack_require__("./components/date-picker-with-range"),_={};for(var r in h)"default"!==r&&(_[r]=(function(e){return h[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var g=__webpack_require__("./components/date-picker-with-time"),_={};for(var r in g)"default"!==r&&(_[r]=(function(e){return g[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var y=__webpack_require__("./components/date-time-picker-with-range"),_={};for(var r in y)"default"!==r&&(_[r]=(function(e){return y[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var S=__webpack_require__("./components/title"),_={};for(var r in S)"default"!==r&&(_[r]=(function(e){return S[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var O=__webpack_require__("./components/page-layout"),_={};for(var r in O)"default"!==r&&(_[r]=(function(e){return O[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var P=__webpack_require__("./components/pagination"),_={};for(var r in P)"default"!==r&&(_[r]=(function(e){return P[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var M=__webpack_require__("./components/skeleton"),_={};for(var r in M)"default"!==r&&(_[r]=(function(e){return M[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var R=__webpack_require__("./components/separator"),_={};for(var r in R)"default"!==r&&(_[r]=(function(e){return R[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var U=__webpack_require__("./components/input-otp"),_={};for(var r in U)"default"!==r&&(_[r]=(function(e){return U[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var L=__webpack_require__("./components/combobox"),_={};for(var r in L)"default"!==r&&(_[r]=(function(e){return L[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var T=__webpack_require__("./components/mask-input"),_={};for(var r in T)"default"!==r&&(_[r]=(function(e){return T[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var I=__webpack_require__("./components/scroll-area"),_={};for(var r in I)"default"!==r&&(_[r]=(function(e){return I[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var z=__webpack_require__("@/utils/phosphor-icon-map"),_={};for(var r in z)"default"!==r&&(_[r]=(function(e){return z[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var A=__webpack_require__("@/lib/utils"),_={};for(var r in A)"default"!==r&&(_[r]=(function(e){return A[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib\\utils.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/lib/utils.ts"],"sourcesContent":["import type { ClassValue } from
|
|
1
|
+
{"version":3,"file":"lib\\utils.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/lib/utils.ts"],"sourcesContent":["import type { ClassValue } from 'clsx'\r\n\r\nimport { clsx } from 'clsx'\r\nimport { twMerge } from 'tailwind-merge'\r\n\r\nexport function cn(...inputs: ClassValue[]): string {\r\n return twMerge(clsx(inputs))\r\n}\r\n\r\nexport type { VariantProps } from 'tailwind-variants'\r\nexport { tv } from 'tailwind-variants'\r\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":"ygCAKO,SAASA,GAAG,GAAGC,CAAoB,EACxC,MAAOC,AAAAA,GAAAA,wCAAAA,OAAAA,AAAAA,EAAQC,AAAAA,GAAAA,8BAAAA,IAAAA,AAAAA,EAAKF,GACtB,C"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Root:()=>Input,Input:()=>Input,InputField:()=>InputField,createInputScope:()=>createInputScope,Field:()=>InputField});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_compose_refs_namespaceObject=require("@radix-ui/react-compose-refs"),react_context_namespaceObject=require("@radix-ui/react-context"),external_react_namespaceObject=require("react"),INPUT_NAME="Input",[createInputContext,createInputScope]=(0,react_context_namespaceObject.createContextScope)(INPUT_NAME),[InputContextProvider,useInputContext]=createInputContext(INPUT_NAME);function Input(e){let{__scopeInput:t,children:_,disabled:r,loaderPosition:p="prefix",loading:n,prefix:a,readOnly:c,spinner:o,suffix:i,...u}=e,s=(0,external_react_namespaceObject.useRef)(null);return(0,jsx_runtime_namespaceObject.jsx)(InputContextProvider,{disabled:r,inputRef:s,readOnly:c,scope:t,children:(0,jsx_runtime_namespaceObject.jsxs)("div",{"data-disabled":r,"data-readonly":c,role:"presentation",onPointerDown:e=>{let t=e.target;if("input"===t.tagName.toLowerCase()||t.closest("input, a"))return void e.stopPropagation();let _=s.current;if(_){if(document.activeElement===_)return void e.preventDefault();requestAnimationFrame(()=>{if("file"===_.type)return void _.click();document.activeElement!==_&&_.focus()})}},...u,children:[n&&"prefix"===p?o:a,_,n&&"suffix"===p?o:i]})})}let INPUT_FIELD_NAME="InputField";function InputField({__scopeInput:e,...t}){let{disabled:_,inputRef:r,readOnly:p}=useInputContext("InputField",e),n=(0,react_compose_refs_namespaceObject.useComposedRefs)(r);return(0,jsx_runtime_namespaceObject.jsx)("input",{ref:n,disabled:_,readOnly:p,type:"text",...t})}for(var __webpack_i__ in exports.Field=__webpack_exports__.Field,exports.Input=__webpack_exports__.Input,exports.InputField=__webpack_exports__.InputField,exports.Root=__webpack_exports__.Root,exports.createInputScope=__webpack_exports__.createInputScope,__webpack_exports__)-1===["Field","Input","InputField","Root","createInputScope"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
2
|
+
//# sourceMappingURL=input.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"primitive\\input.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/primitive/input.tsx"],"sourcesContent":["import type { Scope } from '@radix-ui/react-context'\nimport type {\n ComponentProps,\n JSX,\n PointerEventHandler,\n PropsWithChildren,\n ReactNode,\n RefObject,\n} from 'react'\n\nimport { useComposedRefs } from '@radix-ui/react-compose-refs'\nimport { createContextScope } from '@radix-ui/react-context'\nimport { useRef } from 'react'\n\n/* -----------------------------------------------------------------------------\n * Component: Input\n * -------------------------------------------------------------------------- */\n\nconst INPUT_NAME = 'Input'\n\n/**\n * Type for adding scope to component props\n */\ntype ScopedProps<P> = P & {\n /**\n * Scope for the Input component context\n */\n __scopeInput?: Scope\n}\n\nconst [createInputContext, createInputScope] = createContextScope(INPUT_NAME)\n\n/**\n * Context value for the Input component\n */\ninterface InputContextValue {\n /**\n * Reference to the input element\n */\n inputRef: RefObject<HTMLInputElement | null>\n\n /**\n * Whether the input is disabled\n */\n disabled?: boolean\n\n /**\n * Whether the input is in read-only mode\n */\n readOnly?: boolean\n}\n\nconst [InputContextProvider, useInputContext] =\n createInputContext<InputContextValue>(INPUT_NAME)\n\n/**\n * Props for styling and appearance of the Input component\n */\ninterface InputVisualProps {\n /**\n * CSS class name for the input container\n */\n className?: string\n\n /**\n * Element to display before the input\n */\n prefix?: ReactNode\n\n /**\n * Custom spinner element for loading state\n */\n spinner?: ReactNode\n\n /**\n * Element to display after the input\n */\n suffix?: ReactNode\n}\n\n/**\n * Props for the behavior and state of the Input component\n */\ninterface InputBehaviorProps {\n /**\n * Whether the input is disabled\n */\n disabled?: boolean\n\n /**\n * Position of the loading spinner - either before or after the input\n */\n loaderPosition?: 'prefix' | 'suffix'\n\n /**\n * Whether the input is in the loading state\n */\n loading?: boolean\n\n /**\n * Whether the input is in read-only mode\n */\n readOnly?: boolean\n}\n\n/**\n * Combined props for the Input component\n */\ntype InputProps = PropsWithChildren<InputBehaviorProps & InputVisualProps>\n\nfunction Input(inputProps: ScopedProps<InputProps>): JSX.Element {\n const {\n __scopeInput,\n children,\n disabled,\n loaderPosition = 'prefix',\n loading,\n prefix,\n readOnly,\n spinner,\n suffix,\n ...props\n } = inputProps\n\n /**\n * Reference to the input element\n */\n const inputRef = useRef<HTMLInputElement>(null)\n\n /**\n * Handles pointer down events on the input container\n * Focuses the input element when clicking on the container\n *\n * @param event - The pointer event object\n */\n const handlePointerDown: PointerEventHandler<HTMLDivElement> = event => {\n const target = event.target as HTMLElement\n\n // Skip handling when clicking directly on input or links\n // This prevents interference with native input/link behavior\n if (\n target.tagName.toLowerCase() === 'input' ||\n target.closest('input, a')\n ) {\n event.stopPropagation()\n\n return\n }\n\n const inputElement = inputRef.current\n\n if (!inputElement) {\n return\n }\n\n // Key solution: If input already has focus, only prevent default behavior\n // This prevents the focus from being lost when clicking on the container padding\n // and eliminates the flickering effect\n if (document.activeElement === inputElement) {\n event.preventDefault()\n\n return\n }\n\n // Only attempt to focus the input if it's not already focused\n requestAnimationFrame(() => {\n // Special handling for file inputs - trigger the file selection dialog\n if (inputElement.type === 'file') {\n inputElement.click()\n\n return\n }\n\n // Only focus the input if it doesn't already have focus\n // This avoids unnecessary re-focusing which can cause UI flickers\n if (document.activeElement !== inputElement) {\n inputElement.focus()\n }\n })\n }\n\n return (\n <InputContextProvider\n disabled={disabled}\n inputRef={inputRef}\n readOnly={readOnly}\n scope={__scopeInput}\n >\n <div\n data-disabled={disabled}\n data-readonly={readOnly}\n role=\"presentation\"\n onPointerDown={handlePointerDown}\n {...props}\n >\n {loading && loaderPosition === 'prefix' ? spinner : prefix}\n {children}\n {loading && loaderPosition === 'suffix' ? spinner : suffix}\n </div>\n </InputContextProvider>\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Component: InputField\n * -------------------------------------------------------------------------- */\n\nconst INPUT_FIELD_NAME = 'InputField'\n\n/**\n * Props for the InputField component\n */\ntype InputFieldProps = ComponentProps<'input'>\n\nfunction InputField({\n __scopeInput,\n ...props\n}: ScopedProps<InputFieldProps>): JSX.Element {\n /**\n * Context values from parent Input component\n */\n const { disabled, inputRef, readOnly } = useInputContext(\n INPUT_FIELD_NAME,\n __scopeInput\n )\n\n /**\n * Combined ref that syncs with the parent's inputRef\n */\n const composedInputRef = useComposedRefs(inputRef)\n\n return (\n <input\n ref={composedInputRef}\n disabled={disabled}\n readOnly={readOnly}\n type=\"text\"\n {...props}\n />\n )\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n createInputScope,\n InputField as Field,\n Input,\n InputField,\n Input as Root,\n}\n"],"names":["INPUT_NAME","createInputContext","createInputScope","createContextScope","InputContextProvider","useInputContext","Input","inputProps","__scopeInput","children","disabled","loaderPosition","loading","prefix","readOnly","spinner","suffix","props","inputRef","useRef","event","target","inputElement","document","requestAnimationFrame","INPUT_FIELD_NAME","InputField","composedInputRef","useComposedRefs"],"mappings":"2nCAkBMA,WAAa,QAYb,CAACC,mBAAoBC,iBAAiB,CAAGC,AAAAA,GAAAA,8BAAAA,kBAAAA,AAAAA,EAAmBH,YAsB5D,CAACI,qBAAsBC,gBAAgB,CAC3CJ,mBAAsCD,YAyDxC,SAASM,MAAMC,CAAmC,EAChD,GAAM,CACJC,aAAAA,CAAY,CACZC,SAAAA,CAAQ,CACRC,SAAAA,CAAQ,CACRC,eAAAA,EAAiB,QAAQ,CACzBC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACN,GAAGC,EACJ,CAAGV,EAKEW,EAAWC,AAAAA,GAAAA,+BAAAA,MAAAA,AAAAA,EAAyB,MAsD1C,MACE,oCAACf,qBAAAA,CACC,SAAUM,EACV,SAAUQ,EACV,SAAUJ,EACV,MAAON,E,SAEP,qCAAC,OACC,gBAAeE,EACf,gBAAeI,EACf,KAAK,eACL,cAzDyDM,AAAAA,IAC7D,IAAMC,EAASD,EAAM,MAAM,CAI3B,GACEC,AAAiC,UAAjCA,EAAO,OAAO,CAAC,WAAW,IAC1BA,EAAO,OAAO,CAAC,YACf,YACAD,EAAM,eAAe,GAKvB,IAAME,EAAeJ,EAAS,OAAO,CAErC,GAAKI,GAOL,GAAIC,SAAS,aAAa,GAAKD,EAAc,YAC3CF,EAAM,cAAc,GAMtBI,sBAAsB,KAEpB,GAAIF,AAAsB,SAAtBA,EAAa,IAAI,CAAa,YAChCA,EAAa,KAAK,EAOhBC,CAAAA,SAAS,aAAa,GAAKD,GAC7BA,EAAa,KAAK,EAEtB,GACF,EAcO,GAAGL,CAAK,C,UAERL,GAAWD,AAAmB,WAAnBA,EAA8BI,EAAUF,EACnDJ,EACAG,GAAWD,AAAmB,WAAnBA,EAA8BI,EAAUC,E,IAI5D,CAMA,IAAMS,iBAAmB,aAOzB,SAASC,WAAW,CAClBlB,aAAAA,CAAY,CACZ,GAAGS,EAC0B,EAI7B,GAAM,CAAEP,SAAAA,CAAQ,CAAEQ,SAAAA,CAAQ,CAAEJ,SAAAA,CAAQ,CAAE,CAAGT,gBAdlB,aAgBrBG,GAMImB,EAAmBC,AAAAA,GAAAA,mCAAAA,eAAAA,AAAAA,EAAgBV,GAEzC,MACE,oCAAC,SACC,IAAKS,EACL,SAAUjB,EACV,SAAUI,EACV,KAAK,OACJ,GAAGG,CAAK,A,EAGf,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils\\phosphor-icon-map.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/utils/phosphor-icon-map.tsx"],"sourcesContent":["import { IconWeight } from '@phosphor-icons/react'\r\nimport {\r\n Boat,\r\n Briefcase,\r\n Broadcast,\r\n Bus,\r\n House,\r\n ListPlus,\r\n Package,\r\n SquaresFour,\r\n Stack,\r\n Suitcase,\r\n SuitcaseSimple,\r\n Train,\r\n TrainRegional,\r\n Waves,\r\n} from '@phosphor-icons/react/dist/ssr'\r\n\r\nimport { Rumo } from '../components/icons/rumo'\r\nimport { VLI } from '../components/icons/vli'\r\n\r\ntype PhosphorIconMapOptions = {\r\n size?: number\r\n weight?: IconWeight\r\n}\r\n\r\nexport function PhosphorIconMap(\r\n icon: string,\r\n { size = 28, weight = 'duotone' }: PhosphorIconMapOptions = {}
|
|
1
|
+
{"version":3,"file":"utils\\phosphor-icon-map.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/utils/phosphor-icon-map.tsx"],"sourcesContent":["import { IconWeight } from '@phosphor-icons/react'\r\nimport {\r\n Boat,\r\n Briefcase,\r\n Broadcast,\r\n Bus,\r\n House,\r\n ListPlus,\r\n Package,\r\n SquaresFour,\r\n Stack,\r\n Suitcase,\r\n SuitcaseSimple,\r\n Train,\r\n TrainRegional,\r\n Waves,\r\n} from '@phosphor-icons/react/dist/ssr'\r\n\r\nimport { Rumo } from '../components/icons/rumo'\r\nimport { VLI } from '../components/icons/vli'\r\n\r\ntype PhosphorIconMapOptions = {\r\n size?: number\r\n weight?: IconWeight\r\n}\r\n\r\nexport function PhosphorIconMap(\r\n icon: string,\r\n { size = 28, weight = 'duotone' }: PhosphorIconMapOptions = {}\r\n) {\r\n const iconMap = {\r\n Bus,\r\n Boat,\r\n Stack,\r\n Broadcast,\r\n Train,\r\n House,\r\n TrainRegional,\r\n Suitcase,\r\n Package,\r\n SquaresFour,\r\n ListPlus,\r\n SuitcaseSimple,\r\n Rumo,\r\n Waves,\r\n Briefcase,\r\n VLI,\r\n }\r\n\r\n const IconComponent = iconMap[icon as keyof typeof iconMap]\r\n\r\n if (!IconComponent) {\r\n return null\r\n }\r\n\r\n return <IconComponent size={size} weight={weight} />\r\n}\r\n"],"names":["PhosphorIconMap","icon","size","weight","IconComponent","iconMap","Bus","Boat","Stack","Broadcast","Train","House","TrainRegional","Suitcase","Package","SquaresFour","ListPlus","SuitcaseSimple","Rumo","Waves","Briefcase","VLI"],"mappings":"6iCA0BO,SAASA,gBACdC,CAAY,CACZ,CAAEC,KAAAA,EAAO,EAAE,CAAEC,OAAAA,EAAS,SAAS,CAA0B,CAAG,CAAC,CAAC,EAqB9D,IAAMC,EAAgBC,AAnBN,CACdC,IAAGA,oBAAAA,GAAAA,CACHC,KAAIA,oBAAAA,IAAAA,CACJC,MAAKA,oBAAAA,KAAAA,CACLC,UAASA,oBAAAA,SAAAA,CACTC,MAAKA,oBAAAA,KAAAA,CACLC,MAAKA,oBAAAA,KAAAA,CACLC,cAAaA,oBAAAA,aAAAA,CACbC,SAAQA,oBAAAA,QAAAA,CACRC,QAAOA,oBAAAA,OAAAA,CACPC,YAAWA,oBAAAA,WAAAA,CACXC,SAAQA,oBAAAA,QAAAA,CACRC,eAAcA,oBAAAA,cAAAA,CACdC,KAAIA,yBAAAA,IAAAA,CACJC,MAAKA,oBAAAA,KAAAA,CACLC,UAASA,oBAAAA,SAAAA,CACTC,IAAGA,wBAAAA,GAAAA,AACL,CAE6B,CAACpB,EAA6B,QAE3D,AAAKG,EAIE,oCAACA,EAAAA,CAAc,KAAMF,EAAM,OAAQC,C,GAHjC,IAIX,C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react/jsx-runtime";import*as r from"@radix-ui/react-slot";import*as t from"../lib/utils.js";import*as o from"./spinner.js";let i=(0,t.tv)({base:"cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors 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 max-lg:text-sm",variants:{variant:{primary:"bg-gbm-sky text-white hover:bg-gbm-ocean",secondary:"border border-stroke bg-white text-gbm-dark hover:bg-gray-100",tertiary:"border border-stroke bg-white text-gbm-sky hover:bg-gray-100",outline:"border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white",ghost:"text-gbm-dark hover:border-gbm-blue hover:bg-gray-100",destructive:"bg-rose-600 text-white hover:bg-rose-700",link:"text-gbm-dark underline-offset-2 hover:underline"},size:{sm:"h-10 gap-1.5 px-3 py-2",md:"h-12 gap-4 px-3 py-2",lg:"h-14 gap-6 px-3 py-4",icon:"h-10 w-10 p-2"},rounded:{true:"rounded-full",false:"rounded-md"},loading:{true:"pointer-events-none",false:""}},defaultVariants:{variant:"primary",size:"sm",rounded:!1,loading:!1}});function s({
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as r from"@radix-ui/react-slot";import*as t from"../lib/utils.js";import*as o from"./spinner.js";let i=(0,t.tv)({base:"cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors 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 max-lg:text-sm",variants:{variant:{primary:"bg-gbm-sky text-white hover:bg-gbm-ocean",secondary:"border border-stroke bg-white text-gbm-dark hover:bg-gray-100",tertiary:"border border-stroke bg-white text-gbm-sky hover:bg-gray-100",outline:"border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white",ghost:"text-gbm-dark hover:border-gbm-blue hover:bg-gray-100",destructive:"bg-rose-600 text-white hover:bg-rose-700",link:"text-gbm-dark underline-offset-2 hover:underline"},size:{sm:"h-10 gap-1.5 px-3 py-2",md:"h-12 gap-4 px-3 py-2",lg:"h-14 gap-6 px-3 py-4",icon:"h-10 w-10 p-2"},rounded:{true:"rounded-full",false:"rounded-md"},loading:{true:"pointer-events-none",false:""}},defaultVariants:{variant:"primary",size:"sm",rounded:!1,loading:!1}});function s({children:s,className:n,disabled:a,loaderPosition:b,loading:d,prefix:g,size:l,spinner:u,suffix:m,variant:p,asChild:f,rounded:x,...h}){let c=f?r.Slot:"button";return(0,e.jsxs)(c,{className:(0,t.cn)(i({variant:p,size:l,rounded:x,loading:d,className:n})),"data-slot":"button","data-variant":p,disabled:d||a,type:"button",...h,children:[d&&"prefix"===b?u||(0,e.jsx)(o.Spinner,{}):g,(0,e.jsx)(r.Slottable,{children:d&&!b?(0,e.jsx)(o.Spinner,{}):s}),d&&"suffix"===b?u||(0,e.jsx)(o.Spinner,{}):m]})}export{s as Button,i as buttonVariants};
|
|
2
2
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\button.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps } from 'react'\r\n\r\nimport type { VariantProps } from '../lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\nimport { Spinner } from './spinner'\r\n\r\nconst buttonVariants = tv({\r\n base: 'cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors 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 max-lg:text-sm',\r\n variants: {\r\n variant: {\r\n primary: 'bg-gbm-sky text-white hover:bg-gbm-ocean',\r\n secondary:\r\n 'border border-stroke bg-white text-gbm-dark hover:bg-gray-100',\r\n tertiary: 'border border-stroke bg-white text-gbm-sky hover:bg-gray-100',\r\n outline:\r\n 'border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white',\r\n ghost: 'text-gbm-dark hover:border-gbm-blue hover:bg-gray-100',\r\n destructive: 'bg-rose-600 text-white hover:bg-rose-700',\r\n link: 'text-gbm-dark underline-offset-2 hover:underline',\r\n },\r\n size: {\r\n sm: 'h-10 gap-1.5 px-3 py-2',\r\n md: 'h-12 gap-4 px-3 py-2',\r\n lg: 'h-14 gap-6 px-3 py-4',\r\n icon: 'h-10 w-10 p-2',\r\n },\r\n rounded: {\r\n true: 'rounded-full',\r\n false: 'rounded-md',\r\n },\r\n loading: {\r\n true: 'pointer-events-none',\r\n false: '',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'primary',\r\n size: 'sm',\r\n rounded: false,\r\n loading: false,\r\n },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Button\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport type ButtonProps = ComponentProps<'button'> &\r\n VariantProps<typeof buttonVariants> & {\r\n asChild?: boolean\r\n }\r\n\r\nfunction Button({\r\n className,\r\n
|
|
1
|
+
{"version":3,"file":"components\\button.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps, JSX, ReactNode } from 'react'\r\n\r\nimport type { VariantProps } from '../lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\nimport { Spinner } from './spinner'\r\n\r\nconst buttonVariants = tv({\r\n base: 'cursor-pointer flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-colors 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 max-lg:text-sm',\r\n variants: {\r\n variant: {\r\n primary: 'bg-gbm-sky text-white hover:bg-gbm-ocean',\r\n secondary:\r\n 'border border-stroke bg-white text-gbm-dark hover:bg-gray-100',\r\n tertiary: 'border border-stroke bg-white text-gbm-sky hover:bg-gray-100',\r\n outline:\r\n 'border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white',\r\n ghost: 'text-gbm-dark hover:border-gbm-blue hover:bg-gray-100',\r\n destructive: 'bg-rose-600 text-white hover:bg-rose-700',\r\n link: 'text-gbm-dark underline-offset-2 hover:underline',\r\n },\r\n size: {\r\n sm: 'h-10 gap-1.5 px-3 py-2',\r\n md: 'h-12 gap-4 px-3 py-2',\r\n lg: 'h-14 gap-6 px-3 py-4',\r\n icon: 'h-10 w-10 p-2',\r\n },\r\n rounded: {\r\n true: 'rounded-full',\r\n false: 'rounded-md',\r\n },\r\n loading: {\r\n true: 'pointer-events-none',\r\n false: '',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'primary',\r\n size: 'sm',\r\n rounded: false,\r\n loading: false,\r\n },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Button\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport type ButtonProps = ComponentProps<'button'> &\r\n VariantProps<typeof buttonVariants> & {\r\n asChild?: boolean\r\n }\r\n\r\nfunction Button({\r\n children,\r\n className,\r\n disabled,\r\n loaderPosition,\r\n loading,\r\n prefix,\r\n size,\r\n spinner,\r\n suffix,\r\n variant,\r\n asChild,\r\n rounded,\r\n ...props\r\n}: Omit<ComponentProps<'button'>, 'prefix'> &\r\n VariantProps<typeof buttonVariants> & {\r\n loaderPosition?: 'prefix' | 'suffix'\r\n loading?: boolean\r\n prefix?: ReactNode\r\n spinner?: ReactNode\r\n suffix?: ReactNode\r\n asChild?: boolean\r\n rounded?: boolean\r\n }): JSX.Element {\r\n const Comp = asChild ? Slot : 'button'\r\n\r\n return (\r\n <Comp\r\n className={cn(\r\n buttonVariants({ variant, size, rounded, loading, className })\r\n )}\r\n data-slot=\"button\"\r\n data-variant={variant}\r\n disabled={loading || disabled}\r\n type=\"button\"\r\n {...props}\r\n >\r\n {loading && loaderPosition === 'prefix' ? spinner || <Spinner /> : prefix}\r\n <Slottable>\r\n {loading && !loaderPosition ? <Spinner /> : children}\r\n </Slottable>\r\n {loading && loaderPosition === 'suffix' ? spinner || <Spinner /> : suffix}\r\n </Comp>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Button, buttonVariants }\r\n"],"names":["buttonVariants","tv","Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","asChild","rounded","props","Comp","Slot","cn","Spinner","Slottable"],"mappings":"4IAQA,IAAMA,EAAiBC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,CACxB,KAAM,gSACN,SAAU,CACR,QAAS,CACP,QAAS,2CACT,UACE,gEACF,SAAU,+DACV,QACE,gFACF,MAAO,wDACP,YAAa,2CACb,KAAM,kDACR,EACA,KAAM,CACJ,GAAI,yBACJ,GAAI,uBACJ,GAAI,uBACJ,KAAM,eACR,EACA,QAAS,CACP,KAAM,eACN,MAAO,YACT,EACA,QAAS,CACP,KAAM,sBACN,MAAO,EACT,CACF,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,KACN,QAAS,GACT,QAAS,EACX,CACF,GAWA,SAASC,EAAO,CACdC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,KAAAA,CAAI,CACJC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAUF,EACD,IAAMC,EAAOH,EAAUI,EAAAA,IAAIA,CAAG,SAE9B,MACE,WAACD,EAAAA,CACC,UAAWE,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EACTlB,EAAe,CAAEY,QAAAA,EAASH,KAAAA,EAAMK,QAAAA,EAASP,QAAAA,EAASH,UAAAA,CAAU,IAE9D,YAAU,SACV,eAAcQ,EACd,SAAUL,GAAWF,EACrB,KAAK,SACJ,GAAGU,CAAK,C,UAERR,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,UAACS,EAAAA,OAAOA,CAAAA,CAAAA,GAAMX,EACnE,UAACY,EAAAA,SAASA,CAAAA,C,SACPb,GAAW,CAACD,EAAiB,UAACa,EAAAA,OAAOA,CAAAA,CAAAA,GAAMhB,C,GAE7CI,GAAWD,AAAmB,WAAnBA,EAA8BI,GAAW,UAACS,EAAAA,OAAOA,CAAAA,CAAAA,GAAMR,E,EAGzE,Q"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\command.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/command.tsx"],"sourcesContent":["\r\n\r\nimport { MagnifyingGlass } from '@phosphor-icons/react/dist/ssr'\r\nimport { Command as CommandPrimitive } from 'cmdk'\r\nimport { ComponentProps } from 'react'\r\n\r\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\r\nimport { cn } from '../lib/utils'\r\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from './dialog'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Command\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Command({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive>): JSX.Element {\r\n return (\r\n <CommandPrimitive\r\n className={cn(\r\n 'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\r\n className\r\n )}\r\n data-slot=\"command\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandDialog\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandDialog({\r\n children,\r\n ...props\r\n}: ComponentProps<typeof Dialog>): JSX.Element {\r\n return (\r\n <Dialog data-slot=\"command-dialog\" {...props}>\r\n <DialogContent\r\n className=\"overflow-hidden p-0 shadow-lg\"\r\n data-slot=\"command-dialog-content\"\r\n >\r\n <VisuallyHidden>\r\n <DialogTitle>Search command</DialogTitle>\r\n <DialogDescription>\r\n Use the search bar to find and select the desired command.\r\n </DialogDescription>\r\n </VisuallyHidden>\r\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandInput\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandInput({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Input>): JSX.Element {\r\n return (\r\n <div className=\"flex items-center border-b px-3\">\r\n <MagnifyingGlass className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n className={cn(\r\n 'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n className\r\n )}\r\n data-slot=\"command-input\"\r\n {...props}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandList\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandList({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.List>): JSX.Element {\r\n return (\r\n <CommandPrimitive.List\r\n className={cn(\r\n 'max-h-[300px] overflow-y-auto overflow-x-hidden',\r\n className\r\n )}\r\n data-slot=\"command-list\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandEmpty\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandEmpty({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Empty>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Empty\r\n className={cn('py-6 text-center text-sm', className)}\r\n data-slot=\"command-empty\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandGroup({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Group>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Group\r\n className={cn(\r\n 'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs',\r\n className\r\n )}\r\n data-slot=\"command-group\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Separator>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Separator\r\n className={cn('-mx-1 h-px bg-stroke', className)}\r\n data-slot=\"command-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandItem({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Item>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Item\r\n className={cn(\r\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-[selected='true']:bg-accent aria-[selected='true']:text-accent-foreground data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50\",\r\n className\r\n )}\r\n data-slot=\"command-item\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandShortcut\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandShortcut({\r\n className,\r\n ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n return (\r\n <span\r\n className={cn(\r\n 'ml-auto text-muted-foreground text-xs tracking-widest',\r\n className\r\n )}\r\n data-slot=\"command-shortcut\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Command,\r\n CommandDialog,\r\n CommandInput,\r\n CommandList,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandItem,\r\n CommandShortcut,\r\n CommandSeparator,\r\n}\r\n"],"names":["Command","className","props","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","VisuallyHidden","DialogTitle","DialogDescription","CommandInput","MagnifyingGlass","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":";8NAcA,SAASA,EAAQ,CACfC,UAAAA,CAAS,CACT,GAAGC,EACqC,EACxC,MACE,UAACC,EAAAA,OAAgBA,CAAAA,CACf,UAAWC,GAAAA,EAAAA,EAAAA,EACT,4FACAH,GAEF,YAAU,UACT,GAAGC,CAAK,EAGf,CAMA,SAASG,EAAc,CACrBC,SAAAA,CAAQ,CACR,GAAGJ,EAC2B,EAC9B,MACE,UAACK,EAAAA,MAAMA,CAAAA,CAAC,YAAU,iBAAkB,GAAGL,CAAK,C,SAC1C,WAACM,EAAAA,aAAaA,CAAAA,CACZ,UAAU,gCACV,YAAU,yB,UAEV,WAACC,EAAAA,cAAcA,CAAAA,C,UACb,UAACC,EAAAA,WAAWA,CAAAA,C,SAAC,gB,GACb,UAACC,EAAAA,iBAAiBA,CAAAA,C,SAAC,4D,MAIrB,UAACX,EAAAA,CAAQ,UAAU,8W,SAChBM,C,OAKX,CAMA,SAASM,EAAa,CACpBX,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,WAAC,OAAI,UAAU,kC,UACb,UAACW,EAAAA,eAAeA,CAAAA,CAAC,UAAU,kC,GAC3B,UAACV,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yJACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,KAIjB,CAMA,SAASY,EAAY,CACnBb,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,UAACC,EAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,kDACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASa,EAAa,CACpBd,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,UAACC,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,2BAA4BH,GAC1C,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASc,EAAa,CACpBf,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,UAACC,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yNACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASe,EAAiB,CACxBhB,UAAAA,CAAS,CACT,GAAGC,EAC+C,EAClD,MACE,UAACC,EAAAA,OAAAA,CAAAA,SAA0B,EACzB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,uBAAwBH,GACtC,YAAU,oBACT,GAAGC,CAAK,EAGf,CAMA,SAASgB,EAAY,CACnBjB,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,UAACC,EAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,gQACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASiB,EAAgB,CACvBlB,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,MACE,UAAC,QACC,UAAWE,GAAAA,EAAAA,EAAAA,EACT,wDACAH,GAEF,YAAU,mBACT,GAAGC,CAAK,EAGf,Q"}
|
|
1
|
+
{"version":3,"file":"components\\command.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/command.tsx"],"sourcesContent":["\r\n\r\nimport { MagnifyingGlass } from '@phosphor-icons/react/dist/ssr'\r\nimport { Command as CommandPrimitive } from 'cmdk'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\r\nimport { cn } from '../lib/utils'\r\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from './dialog'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Command\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Command({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive>): JSX.Element {\r\n return (\r\n <CommandPrimitive\r\n className={cn(\r\n 'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\r\n className\r\n )}\r\n data-slot=\"command\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandDialog\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandDialog({\r\n children,\r\n ...props\r\n}: ComponentProps<typeof Dialog>): JSX.Element {\r\n return (\r\n <Dialog data-slot=\"command-dialog\" {...props}>\r\n <DialogContent\r\n className=\"overflow-hidden p-0 shadow-lg\"\r\n data-slot=\"command-dialog-content\"\r\n >\r\n <VisuallyHidden>\r\n <DialogTitle>Search command</DialogTitle>\r\n <DialogDescription>\r\n Use the search bar to find and select the desired command.\r\n </DialogDescription>\r\n </VisuallyHidden>\r\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\r\n {children}\r\n </Command>\r\n </DialogContent>\r\n </Dialog>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandInput\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandInput({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Input>): JSX.Element {\r\n return (\r\n <div className=\"flex items-center border-b px-3\">\r\n <MagnifyingGlass className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\r\n <CommandPrimitive.Input\r\n className={cn(\r\n 'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\r\n className\r\n )}\r\n data-slot=\"command-input\"\r\n {...props}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandList\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandList({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.List>): JSX.Element {\r\n return (\r\n <CommandPrimitive.List\r\n className={cn(\r\n 'max-h-[300px] overflow-y-auto overflow-x-hidden',\r\n className\r\n )}\r\n data-slot=\"command-list\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandEmpty\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandEmpty({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Empty>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Empty\r\n className={cn('py-6 text-center text-sm', className)}\r\n data-slot=\"command-empty\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandGroup({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Group>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Group\r\n className={cn(\r\n 'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs',\r\n className\r\n )}\r\n data-slot=\"command-group\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Separator>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Separator\r\n className={cn('-mx-1 h-px bg-stroke', className)}\r\n data-slot=\"command-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandItem({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof CommandPrimitive.Item>): JSX.Element {\r\n return (\r\n <CommandPrimitive.Item\r\n className={cn(\r\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-[selected='true']:bg-accent aria-[selected='true']:text-accent-foreground data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50\",\r\n className\r\n )}\r\n data-slot=\"command-item\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: CommandShortcut\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction CommandShortcut({\r\n className,\r\n ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n return (\r\n <span\r\n className={cn(\r\n 'ml-auto text-muted-foreground text-xs tracking-widest',\r\n className\r\n )}\r\n data-slot=\"command-shortcut\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Command,\r\n CommandDialog,\r\n CommandInput,\r\n CommandList,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandItem,\r\n CommandShortcut,\r\n CommandSeparator,\r\n}\r\n"],"names":["Command","className","props","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","VisuallyHidden","DialogTitle","DialogDescription","CommandInput","MagnifyingGlass","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":";8NAcA,SAASA,EAAQ,CACfC,UAAAA,CAAS,CACT,GAAGC,EACqC,EACxC,MACE,UAACC,EAAAA,OAAgBA,CAAAA,CACf,UAAWC,GAAAA,EAAAA,EAAAA,EACT,4FACAH,GAEF,YAAU,UACT,GAAGC,CAAK,EAGf,CAMA,SAASG,EAAc,CACrBC,SAAAA,CAAQ,CACR,GAAGJ,EAC2B,EAC9B,MACE,UAACK,EAAAA,MAAMA,CAAAA,CAAC,YAAU,iBAAkB,GAAGL,CAAK,C,SAC1C,WAACM,EAAAA,aAAaA,CAAAA,CACZ,UAAU,gCACV,YAAU,yB,UAEV,WAACC,EAAAA,cAAcA,CAAAA,C,UACb,UAACC,EAAAA,WAAWA,CAAAA,C,SAAC,gB,GACb,UAACC,EAAAA,iBAAiBA,CAAAA,C,SAAC,4D,MAIrB,UAACX,EAAAA,CAAQ,UAAU,8W,SAChBM,C,OAKX,CAMA,SAASM,EAAa,CACpBX,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,WAAC,OAAI,UAAU,kC,UACb,UAACW,EAAAA,eAAeA,CAAAA,CAAC,UAAU,kC,GAC3B,UAACV,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yJACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,KAIjB,CAMA,SAASY,EAAY,CACnBb,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,UAACC,EAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,kDACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASa,EAAa,CACpBd,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,UAACC,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,2BAA4BH,GAC1C,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASc,EAAa,CACpBf,UAAAA,CAAS,CACT,GAAGC,EAC2C,EAC9C,MACE,UAACC,EAAAA,OAAAA,CAAAA,KAAsB,EACrB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yNACAH,GAEF,YAAU,gBACT,GAAGC,CAAK,EAGf,CAMA,SAASe,EAAiB,CACxBhB,UAAAA,CAAS,CACT,GAAGC,EAC+C,EAClD,MACE,UAACC,EAAAA,OAAAA,CAAAA,SAA0B,EACzB,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,uBAAwBH,GACtC,YAAU,oBACT,GAAGC,CAAK,EAGf,CAMA,SAASgB,EAAY,CACnBjB,UAAAA,CAAS,CACT,GAAGC,EAC0C,EAC7C,MACE,UAACC,EAAAA,OAAAA,CAAAA,IAAqB,EACpB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,gQACAH,GAEF,YAAU,eACT,GAAGC,CAAK,EAGf,CAMA,SAASiB,EAAgB,CACvBlB,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,MACE,UAAC,QACC,UAAWE,GAAAA,EAAAA,EAAAA,EACT,wDACAH,GAEF,YAAU,mBACT,GAAGC,CAAK,EAGf,Q"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import*as e from"react/jsx-runtime";import*as r from"@phosphor-icons/react";import*as t from"date-fns";import*as
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as r from"@phosphor-icons/react";import*as t from"date-fns";import*as a from"react";import*as s from"../lib/utils.js";import*as o from"./button.js";import*as n from"./calendar.js";import*as i from"./popover.js";function m({date:m,placeholder:d,className:l,disabled:c=!1,onChange:p}){let[f,x]=(0,a.useState)(m);return(0,e.jsxs)(i.Popover,{children:[(0,e.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(o.Button,{id:"date",variant:"secondary",size:"md",className:(0,s.cn)("min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50",!f&&"text-gbm-dark/50",l),disabled:c,children:[f?(0,t.format)(f,"dd/MM/yyyy"):(0,e.jsx)("span",{children:d||"Selecione a data"}),(0,e.jsx)(r.CalendarBlank,{className:"ml-4 size-4 text-gbm-dark"})]})}),(0,e.jsx)(i.PopoverContent,{className:"w-auto p-0",align:"start",children:(0,e.jsx)(n.Calendar,{mode:"single",selected:f,onSelect:e=>{x(e),p?.(e)}})})]})}export{m as DatePicker};
|
|
3
3
|
//# sourceMappingURL=date-picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\date-picker.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/date-picker.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react'\r\nimport { format } from 'date-fns'\r\nimport { useState } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\
|
|
1
|
+
{"version":3,"file":"components\\date-picker.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/date-picker.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react'\r\nimport { format } from 'date-fns'\r\nimport { useState } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\ninterface DatePickerProps {\r\n date?: Date\r\n placeholder?: string\r\n className?: string\r\n disabled?: boolean\r\n onChange?: (date: Date | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePicker\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DatePicker({\r\n date,\r\n placeholder,\r\n className,\r\n disabled = false,\r\n onChange,\r\n}: DatePickerProps) {\r\n const [currentDate, setCurrentDate] = useState<Date | undefined>(date)\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button\r\n id=\"date\"\r\n variant=\"secondary\"\r\n size=\"md\"\r\n className={cn(\r\n 'min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50',\r\n !currentDate && 'text-gbm-dark/50',\r\n className\r\n )}\r\n disabled={disabled}\r\n >\r\n {currentDate ? (\r\n format(currentDate, 'dd/MM/yyyy')\r\n ) : (\r\n <span>{placeholder || 'Selecione a data'}</span>\r\n )}\r\n <CalendarBlank className=\"ml-4 size-4 text-gbm-dark\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n <Calendar\r\n mode=\"single\"\r\n selected={currentDate}\r\n onSelect={date => {\r\n setCurrentDate(date)\r\n onChange?.(date)\r\n }}\r\n />\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DatePicker }\r\n"],"names":["DatePicker","date","placeholder","className","disabled","onChange","currentDate","setCurrentDate","useState","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar"],"mappings":";8PAuBA,SAASA,EAAW,CAClBC,KAAAA,CAAI,CACJC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,EAAW,EAAK,CAChBC,SAAAA,CAAQ,CACQ,EAChB,GAAM,CAACC,EAAaC,EAAe,CAAGC,GAAAA,EAAAA,QAAAA,EAA2BP,GAEjE,MACE,WAACQ,EAAAA,OAAOA,CAAAA,C,UACN,UAACC,EAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,WAACC,EAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,YACR,KAAK,KACL,UAAWC,GAAAA,EAAAA,EAAAA,EACT,0FACA,CAACN,GAAe,mBAChBH,GAEF,SAAUC,E,UAETE,EACCO,GAAAA,EAAAA,MAAAA,EAAOP,EAAa,cAEpB,UAAC,Q,SAAMJ,GAAe,kB,GAExB,UAACY,EAAAA,aAAaA,CAAAA,CAAC,UAAU,2B,QAG7B,UAACC,EAAAA,cAAcA,CAAAA,CAAC,UAAU,aAAa,MAAM,Q,SAC3C,UAACC,EAAAA,QAAQA,CAAAA,CACP,KAAK,SACL,SAAUV,EACV,SAAUL,IACRM,EAAeN,GACfI,IAAWJ,EACb,C,OAKV,Q"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import*as
|
|
2
|
+
import*as s from"react/jsx-runtime";import*as a from"@phosphor-icons/react/dist/ssr";import*as o from"react";import*as i from"../primitive/input.js";import*as t from"./spinner.js";import*as r from"./button.js";import*as e from"./input.js";let{input:p,root:n}=(0,e.inputVariants)();function d({className:e,disabled:d,loaderPosition:l,loading:m,prefix:u,readOnly:c,spinner:f,suffix:w,...x}){let[j,b]=(0,o.useState)("password"),g=(0,o.useCallback)(()=>{b(s=>"password"===s?"text":"password")},[]);return(0,s.jsxs)(i.Root,{className:n({className:[!w&&"pr-1.5",e]}),"data-slot":"input-password",disabled:d,loaderPosition:l,loading:m,prefix:u,readOnly:c,spinner:f||(0,s.jsx)(t.Spinner,{}),suffix:w,children:[(0,s.jsx)(i.Field,{autoCapitalize:"none",className:p(),"data-slot":"input-password-item",type:j,...x}),(0,s.jsx)(r.Button,{"aria-label":"password"===j?"Show password":"Hide password",className:"size-7 rounded-full focus-visible:not-disabled:bg-input focus-visible:ring-0","data-slot":"input-password-toggle",disabled:d,prefix:"password"===j?(0,s.jsx)(a.EyeSlash,{}):(0,s.jsx)(a.Eye,{}),size:"icon",variant:"ghost",onClick:g})]})}export{d as InputPassword};
|
|
3
3
|
//# sourceMappingURL=input-password.js.map
|