@gbmtech/aurora-ui 0.1.21 → 0.1.23
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/badge.cjs +1 -1
- package/dist/cjs/components/badge.cjs.map +1 -1
- package/dist/cjs/components/button.cjs.map +1 -1
- package/dist/cjs/components/form.cjs +1 -1
- package/dist/cjs/components/form.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/label.cjs +1 -1
- package/dist/cjs/components/label.cjs.map +1 -1
- package/dist/cjs/components/mask-input.cjs.map +1 -1
- package/dist/cjs/components/multi-select.cjs.map +1 -1
- package/dist/cjs/components/pagination.cjs +1 -1
- package/dist/cjs/components/pagination.cjs.map +1 -1
- package/dist/cjs/components/popover.cjs +1 -1
- package/dist/cjs/components/popover.cjs.map +1 -1
- package/dist/esm/components/badge.js +1 -1
- package/dist/esm/components/badge.js.map +1 -1
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/form.js +1 -1
- package/dist/esm/components/form.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/label.js +1 -1
- package/dist/esm/components/label.js.map +1 -1
- package/dist/esm/components/mask-input.js.map +1 -1
- package/dist/esm/components/multi-select.js.map +1 -1
- package/dist/esm/components/pagination.js +1 -1
- package/dist/esm/components/pagination.js.map +1 -1
- package/dist/esm/components/popover.js +1 -1
- package/dist/esm/components/popover.js.map +1 -1
- package/dist/types/components/button.d.ts.map +1 -1
- package/dist/types/components/form.d.ts.map +1 -1
- package/dist/types/components/input-password.d.ts.map +1 -1
- package/dist/types/components/label.d.ts +2 -2
- package/dist/types/components/label.d.ts.map +1 -1
- package/dist/types/components/mask-input.d.ts +2 -3
- package/dist/types/components/mask-input.d.ts.map +1 -1
- package/dist/types/components/multi-select.d.ts.map +1 -1
- package/dist/types/components/pagination.d.ts +15 -26
- package/dist/types/components/pagination.d.ts.map +1 -1
- package/dist/types/components/popover.d.ts +7 -4
- package/dist/types/components/popover.d.ts.map +1 -1
- package/package.json +20 -21
- package/dist/types/components/ui/time-picker-input.d.ts.map +0 -1
- package/dist/types/components/ui/time-picker.d.ts.map +0 -1
|
@@ -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,r)=>{for(var _ in r)__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:r[_]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__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__,{badgeVariants:()=>badgeVariants,Badge:()=>Badge});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),react_slot_namespaceObject=require("@radix-ui/react-slot"),badgeVariants=(0,utils_cjs_namespaceObject.tv)({base:"inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-
|
|
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,r)=>{for(var _ in r)__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:r[_]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__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__,{badgeVariants:()=>badgeVariants,Badge:()=>Badge});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),react_slot_namespaceObject=require("@radix-ui/react-slot"),badgeVariants=(0,utils_cjs_namespaceObject.tv)({base:"inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-error-foreground hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function Badge({className:e,asChild:r,variant:_,...t}){let a=r?react_slot_namespaceObject.Slot:"span";return(0,jsx_runtime_namespaceObject.jsx)(a,{className:badgeVariants({className:e,variant:_}),...t})}for(var __webpack_i__ in exports.Badge=__webpack_exports__.Badge,exports.badgeVariants=__webpack_exports__.badgeVariants,__webpack_exports__)-1===["Badge","badgeVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
2
2
|
//# sourceMappingURL=badge.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\badge.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/badge.tsx"],"sourcesContent":["import { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, tv } from '@/lib/utils'\r\nimport { Slot } from '@radix-ui/react-slot'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Badge\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst badgeVariants = tv({\r\n base: 'inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\r\n variants: {\r\n variant: {\r\n default:\r\n 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',\r\n secondary:\r\n 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\r\n destructive:\r\n 'border-transparent bg-destructive text-
|
|
1
|
+
{"version":3,"file":"components\\badge.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/badge.tsx"],"sourcesContent":["import { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, tv } from '@/lib/utils'\r\nimport { Slot } from '@radix-ui/react-slot'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Badge\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst badgeVariants = tv({\r\n base: 'inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\r\n variants: {\r\n variant: {\r\n default:\r\n 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',\r\n secondary:\r\n 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\r\n destructive:\r\n 'border-transparent bg-destructive text-error-foreground hover:bg-destructive/80',\r\n outline: 'text-foreground',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Badge\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Badge({\r\n className,\r\n asChild,\r\n variant,\r\n ...props\r\n}: ComponentProps<'span'> &\r\n VariantProps<typeof badgeVariants> & {\r\n asChild?: boolean\r\n }): JSX.Element {\r\n const Component = asChild ? Slot : 'span'\r\n\r\n return (\r\n <Component className={badgeVariants({ className, variant })} {...props} />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Badge, badgeVariants }\r\n"],"names":["badgeVariants","tv","Badge","className","asChild","variant","props","Component","Slot"],"mappings":"4+BASMA,cAAgBC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,CACvB,KAAM,yKACN,SAAU,CACR,QAAS,CACP,QACE,4EACF,UACE,kFACF,YACE,kFACF,QAAS,iBACX,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,GAMA,SAASC,MAAM,CACbC,UAAAA,CAAS,CACTC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAIF,EACD,IAAMC,EAAYH,EAAUI,2BAAAA,IAAIA,CAAG,OAEnC,MACE,oCAACD,EAAAA,CAAU,UAAWP,cAAc,CAAEG,UAAAA,EAAWE,QAAAA,CAAQ,GAAK,GAAGC,CAAK,A,EAE1E,C"}
|
|
@@ -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, 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":"
|
|
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\n/* -----------------------------------------------------------------------------\r\n * Variant: Button\r\n * -------------------------------------------------------------------------- */\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":"8iCAYMA,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,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,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__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__,{FormMessage:()=>FormMessage,FormDescription:()=>FormDescription,FormControl:()=>FormControl,FormLabel:()=>FormLabel,FormItem:()=>FormItem,Form:()=>Form,FormField:()=>FormField,createFormFieldScope:()=>createFormFieldScope});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_context_namespaceObject=require("@radix-ui/react-context"),react_slot_namespaceObject=require("@radix-ui/react-slot"),external_react_namespaceObject=require("react"),external_react_hook_form_namespaceObject=require("react-hook-form"),external_label_cjs_namespaceObject=require("./label.cjs"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),Form=external_react_hook_form_namespaceObject.FormProvider,FORM_FIELD_NAME="FormField",[createFormFieldContext,createFormFieldScope]=(0,react_context_namespaceObject.createContextScope)(FORM_FIELD_NAME),[FormFieldContextProvider,useFormFieldContext]=createFormFieldContext(FORM_FIELD_NAME);function useFormItem(e,r){let{id:t}=useFormItemContext(e,r),{name:o}=useFormFieldContext(e,r),{getFieldState:_}=(0,external_react_hook_form_namespaceObject.useFormContext)(),a=(0,external_react_hook_form_namespaceObject.useFormState)({name:o}),m=_(o,a);return{id:t,name:o,formDescriptionId:`form-item-description-${t}`,formItemId:`form-item-${t}`,formMessageId:`form-item-message-${t}`,...m}}function FormField(e){let{__scopeFormField:r,...t}=e;return(0,jsx_runtime_namespaceObject.jsx)(FormFieldContextProvider,{name:t.name,scope:r,children:(0,jsx_runtime_namespaceObject.jsx)(external_react_hook_form_namespaceObject.Controller,{...t})})}let FORM_ITEM_NAME="FormItem",[FormItemContextProvider,useFormItemContext]=createFormFieldContext("FormItem");function FormItem({__scopeFormField:e,className:r,...t}){let o=(0,external_react_namespaceObject.useId)();return(0,jsx_runtime_namespaceObject.jsx)(FormItemContextProvider,{id:o,scope:e,children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,utils_cjs_namespaceObject.cn)("grid gap-2",r),"data-slot":"form-item",...t})})}let FORM_LABEL_NAME="FormLabel";function FormLabel({__scopeFormField:e,...r}){let{formItemId:t,error:o}=useFormItem("FormLabel",e);return(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{"data-invalid":!!o||void 0,"data-slot":"form-label",htmlFor:t,...r})}let FORM_CONTROL_NAME="FormControl";function FormControl({__scopeFormField:e,...r}){let{formDescriptionId:t,formItemId:o,formMessageId:_,error:a}=useFormItem("FormControl",e);return(0,jsx_runtime_namespaceObject.jsx)(react_slot_namespaceObject.Slot,{"aria-describedby":a?`${t} ${_}`:t,"aria-invalid":!!a,"data-slot":"form-control",id:o,...r})}function FormDescription({__scopeFormField:e,className:r,...t}){let{formDescriptionId:o}=useFormItem(FORM_MESSAGE_NAME,e);return(0,jsx_runtime_namespaceObject.jsx)("p",{className:(0,utils_cjs_namespaceObject.cn)("text-muted-foreground text-xs",r),"data-slot":"form-description",id:o,...t})}let FORM_MESSAGE_NAME="FormMessage";function FormMessage({__scopeFormField:e,children:r,className:t,...o}){let{formMessageId:_,error:a}=useFormItem(FORM_MESSAGE_NAME,e),m=a?.message?String(a.message):r;return m?(0,jsx_runtime_namespaceObject.jsx)("p",{className:(0,utils_cjs_namespaceObject.cn)("text-xs",a?.message?"font-medium text-
|
|
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,r)=>{for(var t in r)__webpack_require__.o(r,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__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__,{FormMessage:()=>FormMessage,FormDescription:()=>FormDescription,FormControl:()=>FormControl,FormLabel:()=>FormLabel,FormItem:()=>FormItem,Form:()=>Form,FormField:()=>FormField,createFormFieldScope:()=>createFormFieldScope});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_context_namespaceObject=require("@radix-ui/react-context"),react_slot_namespaceObject=require("@radix-ui/react-slot"),external_react_namespaceObject=require("react"),external_react_hook_form_namespaceObject=require("react-hook-form"),external_label_cjs_namespaceObject=require("./label.cjs"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),Form=external_react_hook_form_namespaceObject.FormProvider,FORM_FIELD_NAME="FormField",[createFormFieldContext,createFormFieldScope]=(0,react_context_namespaceObject.createContextScope)(FORM_FIELD_NAME),[FormFieldContextProvider,useFormFieldContext]=createFormFieldContext(FORM_FIELD_NAME);function useFormItem(e,r){let{id:t}=useFormItemContext(e,r),{name:o}=useFormFieldContext(e,r),{getFieldState:_}=(0,external_react_hook_form_namespaceObject.useFormContext)(),a=(0,external_react_hook_form_namespaceObject.useFormState)({name:o}),m=_(o,a);return{id:t,name:o,formDescriptionId:`form-item-description-${t}`,formItemId:`form-item-${t}`,formMessageId:`form-item-message-${t}`,...m}}function FormField(e){let{__scopeFormField:r,...t}=e;return(0,jsx_runtime_namespaceObject.jsx)(FormFieldContextProvider,{name:t.name,scope:r,children:(0,jsx_runtime_namespaceObject.jsx)(external_react_hook_form_namespaceObject.Controller,{...t})})}let FORM_ITEM_NAME="FormItem",[FormItemContextProvider,useFormItemContext]=createFormFieldContext("FormItem");function FormItem({__scopeFormField:e,className:r,...t}){let o=(0,external_react_namespaceObject.useId)();return(0,jsx_runtime_namespaceObject.jsx)(FormItemContextProvider,{id:o,scope:e,children:(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,utils_cjs_namespaceObject.cn)("grid gap-2",r),"data-slot":"form-item",...t})})}let FORM_LABEL_NAME="FormLabel";function FormLabel({__scopeFormField:e,...r}){let{formItemId:t,error:o}=useFormItem("FormLabel",e);return(0,jsx_runtime_namespaceObject.jsx)(external_label_cjs_namespaceObject.Label,{"data-invalid":!!o||void 0,"data-slot":"form-label",htmlFor:t,...r})}let FORM_CONTROL_NAME="FormControl";function FormControl({__scopeFormField:e,...r}){let{formDescriptionId:t,formItemId:o,formMessageId:_,error:a}=useFormItem("FormControl",e);return(0,jsx_runtime_namespaceObject.jsx)(react_slot_namespaceObject.Slot,{"aria-describedby":a?`${t} ${_}`:t,"aria-invalid":!!a,"data-slot":"form-control",id:o,...r})}function FormDescription({__scopeFormField:e,className:r,...t}){let{formDescriptionId:o}=useFormItem(FORM_MESSAGE_NAME,e);return(0,jsx_runtime_namespaceObject.jsx)("p",{className:(0,utils_cjs_namespaceObject.cn)("text-muted-foreground text-xs",r),"data-slot":"form-description",id:o,...t})}let FORM_MESSAGE_NAME="FormMessage";function FormMessage({__scopeFormField:e,children:r,className:t,...o}){let{formMessageId:_,error:a}=useFormItem(FORM_MESSAGE_NAME,e),m=a?.message?String(a.message):r;return m?(0,jsx_runtime_namespaceObject.jsx)("p",{className:(0,utils_cjs_namespaceObject.cn)("text-xs",a?.message?"font-medium text-error":"text-gray-600",t),"data-slot":"form-message",id:_,...o,children:m}):null}for(var __webpack_i__ in exports.Form=__webpack_exports__.Form,exports.FormControl=__webpack_exports__.FormControl,exports.FormDescription=__webpack_exports__.FormDescription,exports.FormField=__webpack_exports__.FormField,exports.FormItem=__webpack_exports__.FormItem,exports.FormLabel=__webpack_exports__.FormLabel,exports.FormMessage=__webpack_exports__.FormMessage,exports.createFormFieldScope=__webpack_exports__.createFormFieldScope,__webpack_exports__)-1===["Form","FormControl","FormDescription","FormField","FormItem","FormLabel","FormMessage","createFormFieldScope"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
3
|
//# sourceMappingURL=form.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\form.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/form.tsx"],"sourcesContent":["\r\n\r\nimport type { Scope } from '@radix-ui/react-context'\r\nimport type * as LabelPrimitive from '@radix-ui/react-label'\r\nimport type { ComponentProps, JSX, ReactNode } from 'react'\r\nimport type {\r\n ControllerProps,\r\n FieldError,\r\n FieldPath,\r\n FieldValues,\r\n} from 'react-hook-form'\r\n\r\nimport { createContextScope } from '@radix-ui/react-context'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport { useId } from 'react'\r\nimport {\r\n Controller,\r\n FormProvider,\r\n useFormContext,\r\n useFormState,\r\n} from 'react-hook-form'\r\n\r\nimport { Label } from '@/components/label'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Form\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst Form = FormProvider\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_FIELD_NAME = 'FormField'\r\n\r\ntype ScopedProps<P> = P & { __scopeFormField?: Scope }\r\n\r\nconst [createFormFieldContext, createFormFieldScope] =\r\n createContextScope(FORM_FIELD_NAME)\r\n\r\ninterface FormFieldContextValue<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> {\r\n name: TName\r\n}\r\n\r\nconst [FormFieldContextProvider, useFormFieldContext] =\r\n createFormFieldContext<FormFieldContextValue>(FORM_FIELD_NAME)\r\n\r\nfunction useFormItem(\r\n consumerName: string,\r\n scope: Scope\r\n): {\r\n formDescriptionId: string\r\n formItemId: string\r\n formMessageId: string\r\n id: string\r\n invalid: boolean\r\n isDirty: boolean\r\n isTouched: boolean\r\n isValidating: boolean\r\n name: string\r\n error?: FieldError\r\n} {\r\n const { id } = useFormItemContext(consumerName, scope)\r\n const { name } = useFormFieldContext(consumerName, scope)\r\n const { getFieldState } = useFormContext()\r\n const formState = useFormState({ name })\r\n const fieldState = getFieldState(name, formState)\r\n\r\n return {\r\n id,\r\n name,\r\n formDescriptionId: `form-item-description-${id}`,\r\n formItemId: `form-item-${id}`,\r\n formMessageId: `form-item-message-${id}`,\r\n ...fieldState,\r\n }\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormField<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n>(\r\n formFieldProps: ScopedProps<ControllerProps<TFieldValues, TName>>\r\n): JSX.Element {\r\n const { __scopeFormField, ...props } = formFieldProps\r\n\r\n return (\r\n <FormFieldContextProvider name={props.name} scope={__scopeFormField}>\r\n <Controller {...props} />\r\n </FormFieldContextProvider>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_ITEM_NAME = 'FormItem'\r\n\r\ninterface FormItemContextValue {\r\n id: string\r\n}\r\n\r\nconst [FormItemContextProvider, useFormItemContext] =\r\n createFormFieldContext<FormItemContextValue>(FORM_ITEM_NAME)\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormItem({\r\n __scopeFormField,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'div'>>): JSX.Element {\r\n const id = useId()\r\n\r\n return (\r\n <FormItemContextProvider id={id} scope={__scopeFormField}>\r\n <div\r\n className={cn('grid gap-2', className)}\r\n data-slot=\"form-item\"\r\n {...props}\r\n />\r\n </FormItemContextProvider>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_LABEL_NAME = 'FormLabel'\r\n\r\nfunction FormLabel({\r\n __scopeFormField,\r\n ...props\r\n}: ScopedProps<ComponentProps<typeof LabelPrimitive.Root>>): JSX.Element {\r\n const { formItemId, error } = useFormItem(FORM_LABEL_NAME, __scopeFormField)\r\n\r\n return (\r\n <Label\r\n data-invalid={error ? true : undefined}\r\n data-slot=\"form-label\"\r\n htmlFor={formItemId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormControl\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_CONTROL_NAME = 'FormControl'\r\n\r\nfunction FormControl({\r\n __scopeFormField,\r\n ...props\r\n}: ScopedProps<ComponentProps<typeof Slot>>): JSX.Element {\r\n const { formDescriptionId, formItemId, formMessageId, error } = useFormItem(\r\n FORM_CONTROL_NAME,\r\n __scopeFormField\r\n )\r\n\r\n return (\r\n <Slot\r\n aria-describedby={\r\n error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId\r\n }\r\n aria-invalid={Boolean(error)}\r\n data-slot=\"form-control\"\r\n id={formItemId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormDescription\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormDescription({\r\n __scopeFormField,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'p'>>): JSX.Element {\r\n const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField)\r\n\r\n return (\r\n <p\r\n className={cn('text-muted-foreground text-xs', className)}\r\n data-slot=\"form-description\"\r\n id={formDescriptionId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormMessage\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_MESSAGE_NAME = 'FormMessage'\r\n\r\nfunction FormMessage({\r\n __scopeFormField,\r\n children,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'p'>>): ReactNode {\r\n const { formMessageId, error } = useFormItem(\r\n FORM_MESSAGE_NAME,\r\n __scopeFormField\r\n )\r\n const body = error?.message ? String(error.message) : children\r\n\r\n if (!body) {\r\n return null\r\n }\r\n\r\n return (\r\n <p\r\n className={cn(\r\n 'text-xs',\r\n error?.message\r\n ? 'font-medium text-destructive'\r\n : 'text-muted-foreground',\r\n className\r\n )}\r\n data-slot=\"form-message\"\r\n id={formMessageId}\r\n {...props}\r\n >\r\n {body}\r\n </p>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n createFormFieldScope,\r\n Form,\r\n FormControl,\r\n FormDescription,\r\n FormField,\r\n FormItem,\r\n FormLabel,\r\n FormMessage,\r\n}\r\n"],"names":["Form","FormProvider","FORM_FIELD_NAME","createFormFieldContext","createFormFieldScope","createContextScope","FormFieldContextProvider","useFormFieldContext","useFormItem","consumerName","scope","id","useFormItemContext","name","getFieldState","useFormContext","formState","useFormState","fieldState","FormField","formFieldProps","__scopeFormField","props","Controller","FORM_ITEM_NAME","FormItemContextProvider","FormItem","className","useId","cn","FORM_LABEL_NAME","FormLabel","formItemId","error","Label","undefined","FORM_CONTROL_NAME","FormControl","formDescriptionId","formMessageId","Slot","Boolean","FormDescription","FORM_MESSAGE_NAME","FormMessage","children","body","String"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components\\form.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/form.tsx"],"sourcesContent":["\r\n\r\nimport type { Scope } from '@radix-ui/react-context'\r\nimport type * as LabelPrimitive from '@radix-ui/react-label'\r\nimport type { ComponentProps, JSX, ReactNode } from 'react'\r\nimport type {\r\n ControllerProps,\r\n FieldError,\r\n FieldPath,\r\n FieldValues,\r\n} from 'react-hook-form'\r\n\r\nimport { createContextScope } from '@radix-ui/react-context'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport { useId } from 'react'\r\nimport {\r\n Controller,\r\n FormProvider,\r\n useFormContext,\r\n useFormState,\r\n} from 'react-hook-form'\r\n\r\nimport { Label } from '@/components/label'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Form\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst Form = FormProvider\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_FIELD_NAME = 'FormField'\r\n\r\ntype ScopedProps<P> = P & { __scopeFormField?: Scope }\r\n\r\nconst [createFormFieldContext, createFormFieldScope] =\r\n createContextScope(FORM_FIELD_NAME)\r\n\r\ninterface FormFieldContextValue<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> {\r\n name: TName\r\n}\r\n\r\nconst [FormFieldContextProvider, useFormFieldContext] =\r\n createFormFieldContext<FormFieldContextValue>(FORM_FIELD_NAME)\r\n\r\nfunction useFormItem(\r\n consumerName: string,\r\n scope: Scope\r\n): {\r\n formDescriptionId: string\r\n formItemId: string\r\n formMessageId: string\r\n id: string\r\n invalid: boolean\r\n isDirty: boolean\r\n isTouched: boolean\r\n isValidating: boolean\r\n name: string\r\n error?: FieldError\r\n} {\r\n const { id } = useFormItemContext(consumerName, scope)\r\n const { name } = useFormFieldContext(consumerName, scope)\r\n const { getFieldState } = useFormContext()\r\n const formState = useFormState({ name })\r\n const fieldState = getFieldState(name, formState)\r\n\r\n return {\r\n id,\r\n name,\r\n formDescriptionId: `form-item-description-${id}`,\r\n formItemId: `form-item-${id}`,\r\n formMessageId: `form-item-message-${id}`,\r\n ...fieldState,\r\n }\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormField<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n>(\r\n formFieldProps: ScopedProps<ControllerProps<TFieldValues, TName>>\r\n): JSX.Element {\r\n const { __scopeFormField, ...props } = formFieldProps\r\n\r\n return (\r\n <FormFieldContextProvider name={props.name} scope={__scopeFormField}>\r\n <Controller {...props} />\r\n </FormFieldContextProvider>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_ITEM_NAME = 'FormItem'\r\n\r\ninterface FormItemContextValue {\r\n id: string\r\n}\r\n\r\nconst [FormItemContextProvider, useFormItemContext] =\r\n createFormFieldContext<FormItemContextValue>(FORM_ITEM_NAME)\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormItem({\r\n __scopeFormField,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'div'>>): JSX.Element {\r\n const id = useId()\r\n\r\n return (\r\n <FormItemContextProvider id={id} scope={__scopeFormField}>\r\n <div\r\n className={cn('grid gap-2', className)}\r\n data-slot=\"form-item\"\r\n {...props}\r\n />\r\n </FormItemContextProvider>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_LABEL_NAME = 'FormLabel'\r\n\r\nfunction FormLabel({\r\n __scopeFormField,\r\n ...props\r\n}: ScopedProps<ComponentProps<typeof LabelPrimitive.Root>>): JSX.Element {\r\n const { formItemId, error } = useFormItem(FORM_LABEL_NAME, __scopeFormField)\r\n\r\n return (\r\n <Label\r\n data-invalid={error ? true : undefined}\r\n data-slot=\"form-label\"\r\n htmlFor={formItemId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormControl\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_CONTROL_NAME = 'FormControl'\r\n\r\nfunction FormControl({\r\n __scopeFormField,\r\n ...props\r\n}: ScopedProps<ComponentProps<typeof Slot>>): JSX.Element {\r\n const { formDescriptionId, formItemId, formMessageId, error } = useFormItem(\r\n FORM_CONTROL_NAME,\r\n __scopeFormField\r\n )\r\n\r\n return (\r\n <Slot\r\n aria-describedby={\r\n error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId\r\n }\r\n aria-invalid={Boolean(error)}\r\n data-slot=\"form-control\"\r\n id={formItemId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormDescription\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormDescription({\r\n __scopeFormField,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'p'>>): JSX.Element {\r\n const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField)\r\n\r\n return (\r\n <p\r\n className={cn('text-muted-foreground text-xs', className)}\r\n data-slot=\"form-description\"\r\n id={formDescriptionId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormMessage\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_MESSAGE_NAME = 'FormMessage'\r\n\r\nfunction FormMessage({\r\n __scopeFormField,\r\n children,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'p'>>): ReactNode {\r\n const { formMessageId, error } = useFormItem(\r\n FORM_MESSAGE_NAME,\r\n __scopeFormField\r\n )\r\n const body = error?.message ? String(error.message) : children\r\n\r\n if (!body) {\r\n return null\r\n }\r\n\r\n return (\r\n <p\r\n className={cn(\r\n 'text-xs',\r\n error?.message ? 'font-medium text-error' : 'text-gray-600',\r\n className\r\n )}\r\n data-slot=\"form-message\"\r\n id={formMessageId}\r\n {...props}\r\n >\r\n {body}\r\n </p>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n createFormFieldScope,\r\n Form,\r\n FormControl,\r\n FormDescription,\r\n FormField,\r\n FormItem,\r\n FormLabel,\r\n FormMessage,\r\n}\r\n"],"names":["Form","FormProvider","FORM_FIELD_NAME","createFormFieldContext","createFormFieldScope","createContextScope","FormFieldContextProvider","useFormFieldContext","useFormItem","consumerName","scope","id","useFormItemContext","name","getFieldState","useFormContext","formState","useFormState","fieldState","FormField","formFieldProps","__scopeFormField","props","Controller","FORM_ITEM_NAME","FormItemContextProvider","FormItem","className","useId","cn","FORM_LABEL_NAME","FormLabel","formItemId","error","Label","undefined","FORM_CONTROL_NAME","FormControl","formDescriptionId","formMessageId","Slot","Boolean","FormDescription","FORM_MESSAGE_NAME","FormMessage","children","body","String"],"mappings":"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"}
|
|
@@ -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 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:
|
|
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:c,readOnly:n,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:c,readOnly:n,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:"full size-8 rounded-full focus-visible:ring-0","data-slot":"input-password-toggle",disabled:s,prefix:"password"===u?(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.EyeSlash,{className:"size-6"}):(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.Eye,{className:"size-6"}),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 {\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-
|
|
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=\"full size-8 rounded-full focus-visible:ring-0\"\r\n data-slot=\"input-password-toggle\"\r\n disabled={disabled}\r\n prefix={\r\n type === 'password' ? (\r\n <EyeSlash className=\"size-6\" />\r\n ) : (\r\n <Eye className=\"size-6\" />\r\n )\r\n }\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,gDACV,YAAU,wBACV,SAAUR,EACV,OACEQ,aAAAA,EACE,oCAACS,oBAAAA,QAAQA,CAAAA,CAAC,UAAU,Q,GAEpB,oCAACC,oBAAAA,GAAGA,CAAAA,CAAC,UAAU,Q,GAGnB,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 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__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Label:()=>Label});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_label_namespaceObject=require("@radix-ui/react-label"),utils_cjs_namespaceObject=require("../lib/utils.cjs");function Label({className:e,..._}){return(0,jsx_runtime_namespaceObject.jsx)(react_label_namespaceObject.Root,{className:(0,utils_cjs_namespaceObject.cn)("font-medium text-
|
|
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 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__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Label:()=>Label});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_label_namespaceObject=require("@radix-ui/react-label"),utils_cjs_namespaceObject=require("../lib/utils.cjs");function Label({className:e,..._}){return(0,jsx_runtime_namespaceObject.jsx)(react_label_namespaceObject.Root,{className:(0,utils_cjs_namespaceObject.cn)("inline-block font-medium text-gbm-dark text-sm leading-none peer-disabled:opacity-50 peer-aria-invalid:text-error data-invalid:text-error group-data-disabled:opacity-50 peer-data-disabled:opacity-50",e),"data-slot":"label",..._})}for(var __webpack_i__ in exports.Label=__webpack_exports__.Label,__webpack_exports__)-1===["Label"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
3
|
//# sourceMappingURL=label.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\label.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/label.tsx"],"sourcesContent":["\r\n\r\nimport * as LabelPrimitive from '@radix-ui/react-label'\r\nimport { ComponentProps } from 'react'\r\n\r\nimport { cn } from '
|
|
1
|
+
{"version":3,"file":"components\\label.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/label.tsx"],"sourcesContent":["\r\n\r\nimport * as LabelPrimitive from '@radix-ui/react-label'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Label\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Label({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof LabelPrimitive.Root>): JSX.Element {\r\n return (\r\n <LabelPrimitive.Root\r\n className={cn(\r\n 'inline-block font-medium text-gbm-dark text-sm leading-none peer-disabled:opacity-50 peer-aria-invalid:text-error data-invalid:text-error group-data-disabled:opacity-50 peer-data-disabled:opacity-50',\r\n className\r\n )}\r\n data-slot=\"label\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Label }\r\n"],"names":["Label","className","props","LabelPrimitive","cn"],"mappings":";88BAWA,SAASA,MAAM,CACbC,UAAAA,CAAS,CACT,GAAGC,EACwC,EAC3C,MACE,oCAACC,4BAAAA,IAAmB,EAClB,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,yMACAH,GAEF,YAAU,QACT,GAAGC,CAAK,EAGf,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 { ComponentProps, useEffect, useState } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\nimport { Input } from './input'\r\n\r\
|
|
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\n/* -----------------------------------------------------------------------------\r\n * Component: MaskInput\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}: 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 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\n/* -----------------------------------------------------------------------------\r\n * Exports\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":";mgCAWA,SAASA,UAAU,CACjBC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACRC,SAAAA,EAAW,CAAC,CACZC,UAAAA,CAAS,CACT,GAAGC,EAKJ,EACC,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\\multi-select.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/multi-select.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDown, CaretUp, X } from '@phosphor-icons/react/dist/ssr'\r\nimport { ComponentProps, ComponentType, KeyboardEvent, useState } from 'react'\r\n\r\nimport { VariantProps, cn, tv } from '../lib/utils'\r\nimport { Badge } from './badge'\r\nimport { Button } from './button'\r\nimport { Checkbox } from './checkbox'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\nconst multiSelectVariants = tv({\r\n base: 'h-6 gap-0 px-1.5 font-normal text-xs',\r\n variants: {\r\n variant: {\r\n default: 'rounded-sm bg-azure-50 text-azure-500 hover:bg-card/80',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\ntype MultiSelectProps = ComponentProps<'button'> &\r\n VariantProps<typeof multiSelectVariants> & {\r\n options: {\r\n label: string\r\n value: string\r\n icon?: ComponentType<{ className?: string }>\r\n }[]\r\n defaultValue?: string[]\r\n placeholder?: string\r\n maxCount?: number\r\n modalPopover?: boolean\r\n asChild?: boolean\r\n className?: string\r\n onValueChange?: (value: string[]) => void\r\n }\r\n\r\nfunction MultiSelect({\r\n options,\r\n onValueChange,\r\n variant,\r\n defaultValue = [],\r\n placeholder = 'Select options',\r\n maxCount = 2,\r\n modalPopover = false,\r\n className,\r\n ...props\r\n}: MultiSelectProps) {\r\n const [selectedValues, setSelectedValues] = useState<string[]>(defaultValue)\r\n const [isPopoverOpen, setIsPopoverOpen] = useState(false)\r\n\r\n const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === 'Enter') {\r\n setIsPopoverOpen(true)\r\n }\r\n }\r\n\r\n const toggleOption = (option: string) => {\r\n const newSelectedValues = selectedValues.includes(option)\r\n ? selectedValues.filter(value => value !== option)\r\n : [...selectedValues, option]\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const handleClear = () => {\r\n setSelectedValues([])\r\n onValueChange?.([])\r\n }\r\n\r\n const handleTogglePopover = () => {\r\n setIsPopoverOpen(prev => !prev)\r\n }\r\n\r\n const clearExtraOptions = () => {\r\n const newSelectedValues = selectedValues.slice(0, maxCount)\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const toggleAll = () => {\r\n if (selectedValues.length === options.length) {\r\n handleClear()\r\n } else {\r\n const allValues = options.map(option => option.value)\r\n setSelectedValues(allValues)\r\n onValueChange?.(allValues)\r\n }\r\n }\r\n\r\n return (\r\n <Popover\r\n open={isPopoverOpen}\r\n onOpenChange={setIsPopoverOpen}\r\n modal={modalPopover}\r\n >\r\n <PopoverTrigger asChild>\r\n <Button\r\n {...props}\r\n onClick={handleTogglePopover}\r\n className={cn(\r\n 'flex h-12 w-auto min-w-60 items-center justify-between rounded-md border border-stroke bg-white px-3 hover:bg-gray-50',\r\n className\r\n )}\r\n >\r\n {selectedValues.length > 0 ? (\r\n <div className=\"flex w-full items-center justify-between\">\r\n <div className=\"flex items-center gap-x-1\">\r\n {selectedValues.slice(0, maxCount).map(value => {\r\n const option = options.find(o => o.value === value)\r\n const IconComponent = option?.icon\r\n return (\r\n <Badge\r\n key={value}\r\n className={cn(multiSelectVariants({ variant }))}\r\n >\r\n {IconComponent && (\r\n <IconComponent className=\"mr-2 h-4 w-4\" />\r\n )}\r\n <span className=\"max-w-32 truncate\">{option?.label}</span>\r\n <X\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n toggleOption(value)\r\n }}\r\n />\r\n </Badge>\r\n )\r\n })}\r\n\r\n {selectedValues.length > maxCount && (\r\n <Badge className={cn(multiSelectVariants({ variant }))}>\r\n {`+ ${selectedValues.length - maxCount} ...`}\r\n <X\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n clearExtraOptions()\r\n }}\r\n />\r\n </Badge>\r\n )}\r\n </div>\r\n <div className=\"ml-4 flex items-center\">\r\n {isPopoverOpen ? (\r\n <CaretUp\r\n weight=\"bold\"\r\n className=\"size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n ) : (\r\n <CaretDown\r\n weight=\"bold\"\r\n className=\"size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n )}\r\n </div>\r\n </div>\r\n ) : (\r\n <div className=\"mx-auto flex w-full items-center justify-between\">\r\n <span className=\"font-normal text-gbm-dark/50 text-sm\">\r\n {placeholder === 'Select options'\r\n ? 'Selecione as opções'\r\n : placeholder}\r\n </span>\r\n {isPopoverOpen ? (\r\n <CaretUp\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n ) : (\r\n <CaretDown\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n )}\r\n </div>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n className=\"w-auto p-0\"\r\n align=\"start\"\r\n onEscapeKeyDown={() => setIsPopoverOpen(false)}\r\n >\r\n <Command>\r\n <CommandInput\r\n placeholder=\"Pesquisar...\"\r\n onKeyDown={handleInputKeyDown}\r\n />\r\n <CommandList>\r\n <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\r\n <CommandGroup>\r\n <CommandItem\r\n key=\"all\"\r\n onSelect={toggleAll}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox\r\n checked={selectedValues.length === options.length}\r\n className=\"mr-2\"\r\n />\r\n <span>(Selecionar todos)</span>\r\n </CommandItem>\r\n {options.map(option => {\r\n const isSelected = selectedValues.includes(option.value)\r\n return (\r\n <CommandItem\r\n key={option.value}\r\n onSelect={() => toggleOption(option.value)}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox checked={isSelected} className=\"mr-2\" />\r\n {option.icon && (\r\n <option.icon className=\"mr-2 size-4 text-gbm-dark\" />\r\n )}\r\n <span>{option.label}</span>\r\n </CommandItem>\r\n )\r\n })}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\nexport { MultiSelect, multiSelectVariants }\r\n"],"names":["multiSelectVariants","tv","MultiSelect","options","onValueChange","variant","defaultValue","placeholder","maxCount","modalPopover","className","props","selectedValues","setSelectedValues","useState","isPopoverOpen","setIsPopoverOpen","toggleOption","option","newSelectedValues","value","handleClear","clearExtraOptions","Popover","PopoverTrigger","Button","prev","cn","o","IconComponent","Badge","X","event","CaretUp","CaretDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","allValues","Checkbox","isSelected"],"mappings":";y2CAmBMA,oBAAsBC,GAAAA,0BAAAA,EAAAA,EAAG,CAC7B,KAAM,uCACN,SAAU,CACR,QAAS,CACP,QAAS,wDACX,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,GAkBA,SAASC,YAAY,CACnBC,QAAAA,CAAO,CACPC,cAAAA,CAAa,CACbC,QAAAA,CAAO,CACPC,aAAAA,EAAe,EAAE,CACjBC,YAAAA,EAAc,gBAAgB,CAC9BC,SAAAA,EAAW,CAAC,CACZC,aAAAA,EAAe,EAAK,CACpBC,UAAAA,CAAS,CACT,GAAGC,EACc,EACjB,GAAM,CAACC,EAAgBC,EAAkB,CAAGC,GAAAA,+BAAAA,QAAAA,EAAmBR,GACzD,CAACS,EAAeC,EAAiB,CAAGF,GAAAA,+BAAAA,QAAAA,EAAS,IAQ7CG,EAAe,IACnB,IAAME,EAAoBP,EAAe,QAAQ,CAACM,GAC9CN,EAAe,MAAM,CAACQ,GAASA,IAAUF,GACzC,IAAIN,EAAgBM,EAAO,CAC/BL,EAAkBM,GAClBf,IAAgBe,EAClB,EAEME,EAAc,KAClBR,EAAkB,EAAE,EACpBT,IAAgB,EAAE,CACpB,EAMMkB,EAAoB,KACxB,IAAMH,EAAoBP,EAAe,KAAK,CAAC,EAAGJ,GAClDK,EAAkBM,GAClBf,IAAgBe,EAClB,EAYA,MACE,qCAACI,qCAAAA,OAAOA,CAAAA,CACN,KAAMR,EACN,aAAcC,EACd,MAAOP,E,UAEP,oCAACe,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,oCAACC,oCAAAA,MAAMA,CAAAA,CACJ,GAAGd,CAAK,CACT,QA7BoB,KAC1BK,EAAiBU,GAAQ,CAACA,EAC5B,EA4BQ,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,wHACAjB,G,SAGDE,EAAe,MAAM,CAAG,EACvB,qCAAC,OAAI,UAAU,2C,UACb,qCAAC,OAAI,UAAU,4B,UACZA,EAAe,KAAK,CAAC,EAAGJ,GAAU,GAAG,CAACY,IACrC,IAAMF,EAASf,EAAQ,IAAI,CAACyB,GAAKA,EAAE,KAAK,GAAKR,GACvCS,EAAgBX,GAAQ,KAC9B,MACE,qCAACY,mCAAAA,KAAKA,CAAAA,CAEJ,UAAWH,GAAAA,0BAAAA,EAAAA,EAAG3B,oBAAoB,CAAEK,QAAAA,CAAQ,I,UAE3CwB,GACC,oCAACA,EAAAA,CAAc,UAAU,c,GAE3B,oCAAC,QAAK,UAAU,oB,SAAqBX,GAAQ,K,GAC7C,oCAACa,oBAAAA,CAACA,CAAAA,CACA,UAAU,6BACV,QAASC,IACPA,EAAM,eAAe,GACrBf,EAAaG,EACf,C,KAZGA,EAgBX,GAECR,EAAe,MAAM,CAAGJ,GACvB,qCAACsB,mCAAAA,KAAKA,CAAAA,CAAC,UAAWH,GAAAA,0BAAAA,EAAAA,EAAG3B,oBAAoB,CAAEK,QAAAA,CAAQ,I,UAChD,CAAC,EAAE,EAAEO,EAAe,MAAM,CAAGJ,EAAS,IAAI,CAAC,CAC5C,oCAACuB,oBAAAA,CAACA,CAAAA,CACA,UAAU,6BACV,QAASC,IACPA,EAAM,eAAe,GACrBV,GACF,C,SAKR,oCAAC,OAAI,UAAU,yB,SACZP,EACC,oCAACkB,oBAAAA,OAAOA,CAAAA,CACN,OAAO,OACP,UAAU,qC,GAGZ,oCAACC,oBAAAA,SAASA,CAAAA,CACR,OAAO,OACP,UAAU,qC,QAMlB,qCAAC,OAAI,UAAU,mD,UACb,oCAAC,QAAK,UAAU,uC,SACb3B,mBAAAA,EACG,4BACAA,C,GAELQ,EACC,oCAACkB,oBAAAA,OAAOA,CAAAA,CACN,OAAO,OACP,UAAU,0C,GAGZ,oCAACC,oBAAAA,SAASA,CAAAA,CACR,OAAO,OACP,UAAU,0C,UAOtB,oCAACC,qCAAAA,cAAcA,CAAAA,CACb,UAAU,aACV,MAAM,QACN,gBAAiB,IAAMnB,EAAiB,I,SAExC,qCAACoB,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,YAAYA,CAAAA,CACX,YAAY,eACZ,UAzIiB,IACrBL,UAAAA,EAAM,GAAG,EACXhB,EAAiB,GAErB,C,GAuIQ,qCAACsB,qCAAAA,WAAWA,CAAAA,C,UACV,oCAACC,qCAAAA,YAAYA,CAAAA,C,SAAC,8B,GACd,qCAACC,qCAAAA,YAAYA,CAAAA,C,UACX,qCAACC,qCAAAA,WAAWA,CAAAA,CAEV,SAnHI,KAChB,GAAI7B,EAAe,MAAM,GAAKT,EAAQ,MAAM,CAC1CkB,QACK,CACL,IAAMqB,EAAYvC,EAAQ,GAAG,CAACe,GAAUA,EAAO,KAAK,EACpDL,EAAkB6B,GAClBtC,IAAgBsC,EAClB,CACF,EA4Gc,UAAU,iB,UAEV,oCAACC,sCAAAA,QAAQA,CAAAA,CACP,QAAS/B,EAAe,MAAM,GAAKT,EAAQ,MAAM,CACjD,UAAU,M,GAEZ,oCAAC,Q,SAAK,oB,KARF,OAULA,EAAQ,GAAG,CAACe,IACX,IAAM0B,EAAahC,EAAe,QAAQ,CAACM,EAAO,KAAK,EACvD,MACE,qCAACuB,qCAAAA,WAAWA,CAAAA,CAEV,SAAU,IAAMxB,EAAaC,EAAO,KAAK,EACzC,UAAU,iB,UAEV,oCAACyB,sCAAAA,QAAQA,CAAAA,CAAC,QAASC,EAAY,UAAU,M,GACxC1B,EAAO,IAAI,EACV,oCAACA,EAAO,IAAI,EAAC,UAAU,2B,GAEzB,oCAAC,Q,SAAMA,EAAO,KAAK,KARdA,EAAO,KAAK,CAWvB,G,aAOd,C"}
|
|
1
|
+
{"version":3,"file":"components\\multi-select.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/multi-select.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDown, CaretUp, X } from '@phosphor-icons/react/dist/ssr'\r\nimport { ComponentProps, ComponentType, KeyboardEvent, useState } from 'react'\r\n\r\nimport { VariantProps, cn, tv } from '../lib/utils'\r\nimport { Badge } from './badge'\r\nimport { Button } from './button'\r\nimport { Checkbox } from './checkbox'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: MultiSelect\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst multiSelectVariants = tv({\r\n base: 'h-6 gap-0 px-1.5 font-normal text-xs',\r\n variants: {\r\n variant: {\r\n default: 'rounded-sm bg-azure-50 text-azure-500 hover:bg-card/80',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: MultiSelect\r\n * -------------------------------------------------------------------------- */\r\n\r\ntype MultiSelectProps = ComponentProps<'button'> &\r\n VariantProps<typeof multiSelectVariants> & {\r\n options: {\r\n label: string\r\n value: string\r\n icon?: ComponentType<{ className?: string }>\r\n }[]\r\n defaultValue?: string[]\r\n placeholder?: string\r\n maxCount?: number\r\n modalPopover?: boolean\r\n asChild?: boolean\r\n className?: string\r\n onValueChange?: (value: string[]) => void\r\n }\r\n\r\nfunction MultiSelect({\r\n options,\r\n onValueChange,\r\n variant,\r\n defaultValue = [],\r\n placeholder = 'Select options',\r\n maxCount = 2,\r\n modalPopover = false,\r\n className,\r\n ...props\r\n}: MultiSelectProps) {\r\n const [selectedValues, setSelectedValues] = useState<string[]>(defaultValue)\r\n const [isPopoverOpen, setIsPopoverOpen] = useState(false)\r\n\r\n const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === 'Enter') {\r\n setIsPopoverOpen(true)\r\n }\r\n }\r\n\r\n const toggleOption = (option: string) => {\r\n const newSelectedValues = selectedValues.includes(option)\r\n ? selectedValues.filter(value => value !== option)\r\n : [...selectedValues, option]\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const handleClear = () => {\r\n setSelectedValues([])\r\n onValueChange?.([])\r\n }\r\n\r\n const handleTogglePopover = () => {\r\n setIsPopoverOpen(prev => !prev)\r\n }\r\n\r\n const clearExtraOptions = () => {\r\n const newSelectedValues = selectedValues.slice(0, maxCount)\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const toggleAll = () => {\r\n if (selectedValues.length === options.length) {\r\n handleClear()\r\n } else {\r\n const allValues = options.map(option => option.value)\r\n setSelectedValues(allValues)\r\n onValueChange?.(allValues)\r\n }\r\n }\r\n\r\n return (\r\n <Popover\r\n open={isPopoverOpen}\r\n onOpenChange={setIsPopoverOpen}\r\n modal={modalPopover}\r\n >\r\n <PopoverTrigger asChild>\r\n <Button\r\n {...props}\r\n onClick={handleTogglePopover}\r\n className={cn(\r\n 'flex h-12 w-auto min-w-60 items-center justify-between rounded-md border border-stroke bg-white px-3 hover:bg-gray-50',\r\n className\r\n )}\r\n >\r\n {selectedValues.length > 0 ? (\r\n <div className=\"flex w-full items-center justify-between\">\r\n <div className=\"flex items-center gap-x-1\">\r\n {selectedValues.slice(0, maxCount).map(value => {\r\n const option = options.find(o => o.value === value)\r\n const IconComponent = option?.icon\r\n return (\r\n <Badge\r\n key={value}\r\n className={cn(multiSelectVariants({ variant }))}\r\n >\r\n {IconComponent && (\r\n <IconComponent className=\"mr-2 h-4 w-4\" />\r\n )}\r\n <span className=\"max-w-32 truncate\">{option?.label}</span>\r\n <X\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n toggleOption(value)\r\n }}\r\n />\r\n </Badge>\r\n )\r\n })}\r\n\r\n {selectedValues.length > maxCount && (\r\n <Badge className={cn(multiSelectVariants({ variant }))}>\r\n {`+ ${selectedValues.length - maxCount} ...`}\r\n <X\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n clearExtraOptions()\r\n }}\r\n />\r\n </Badge>\r\n )}\r\n </div>\r\n <div className=\"ml-4 flex items-center\">\r\n {isPopoverOpen ? (\r\n <CaretUp\r\n weight=\"bold\"\r\n className=\"size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n ) : (\r\n <CaretDown\r\n weight=\"bold\"\r\n className=\"size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n )}\r\n </div>\r\n </div>\r\n ) : (\r\n <div className=\"mx-auto flex w-full items-center justify-between\">\r\n <span className=\"font-normal text-gbm-dark/50 text-sm\">\r\n {placeholder === 'Select options'\r\n ? 'Selecione as opções'\r\n : placeholder}\r\n </span>\r\n {isPopoverOpen ? (\r\n <CaretUp\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n ) : (\r\n <CaretDown\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n )}\r\n </div>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n className=\"w-auto p-0\"\r\n align=\"start\"\r\n onEscapeKeyDown={() => setIsPopoverOpen(false)}\r\n >\r\n <Command>\r\n <CommandInput\r\n placeholder=\"Pesquisar...\"\r\n onKeyDown={handleInputKeyDown}\r\n />\r\n <CommandList>\r\n <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\r\n <CommandGroup>\r\n <CommandItem\r\n key=\"all\"\r\n onSelect={toggleAll}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox\r\n checked={selectedValues.length === options.length}\r\n className=\"mr-2\"\r\n />\r\n <span>(Selecionar todos)</span>\r\n </CommandItem>\r\n {options.map(option => {\r\n const isSelected = selectedValues.includes(option.value)\r\n return (\r\n <CommandItem\r\n key={option.value}\r\n onSelect={() => toggleOption(option.value)}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox checked={isSelected} className=\"mr-2\" />\r\n {option.icon && (\r\n <option.icon className=\"mr-2 size-4 text-gbm-dark\" />\r\n )}\r\n <span>{option.label}</span>\r\n </CommandItem>\r\n )\r\n })}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { MultiSelect, multiSelectVariants }\r\n"],"names":["multiSelectVariants","tv","MultiSelect","options","onValueChange","variant","defaultValue","placeholder","maxCount","modalPopover","className","props","selectedValues","setSelectedValues","useState","isPopoverOpen","setIsPopoverOpen","toggleOption","option","newSelectedValues","value","handleClear","clearExtraOptions","Popover","PopoverTrigger","Button","prev","cn","o","IconComponent","Badge","X","event","CaretUp","CaretDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","allValues","Checkbox","isSelected"],"mappings":"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"}
|
|
@@ -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,a)=>{for(var
|
|
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,a)=>{for(var n in a)__webpack_require__.o(a,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:a[n]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__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__,{PaginationEllipsis:()=>PaginationEllipsis,Pagination:()=>Pagination,PaginationContent:()=>PaginationContent,PaginationItem:()=>PaginationItem,PaginationLink:()=>PaginationLink,PaginationNext:()=>PaginationNext,PaginationPrevious:()=>PaginationPrevious});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs");function Pagination({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("nav",{"aria-label":"pagination",className:(0,utils_cjs_namespaceObject.cn)("mx-auto flex w-full justify-center",e),"data-slot":"pagination",role:"navigation",...a})}function PaginationContent({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("ul",{className:(0,utils_cjs_namespaceObject.cn)("flex flex-row items-center gap-1",e),"data-slot":"pagination-content",...a})}function PaginationItem(e){return(0,jsx_runtime_namespaceObject.jsx)("li",{"data-slot":"pagination-item",...e})}function PaginationLink({children:e,className:a,isActive:n,size:t="icon",...i}){return(0,jsx_runtime_namespaceObject.jsx)("a",{"aria-current":n?"page":void 0,className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:a,size:t,variant:n?"outline":"ghost"}),"data-slot":"pagination-link",...i,children:e})}function PaginationPrevious({...e}){return(0,jsx_runtime_namespaceObject.jsxs)(PaginationLink,{"aria-label":"Go to previous page","data-slot":"pagination-previous",size:"md",...e,children:[(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.CaretLeft,{className:"size-4"}),(0,jsx_runtime_namespaceObject.jsx)("span",{children:"Previous"})]})}function PaginationNext({...e}){return(0,jsx_runtime_namespaceObject.jsxs)(PaginationLink,{"aria-label":"Go to next page","data-slot":"pagination-next",size:"md",...e,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{children:"Next"}),(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.CaretRight,{})]})}function PaginationEllipsis({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsxs)("span",{"aria-hidden":!0,className:(0,utils_cjs_namespaceObject.cn)("flex size-10 items-center justify-center",e),"data-slot":"pagination-ellipsis",...a,children:[(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.DotsThree,{className:"size-4"}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"sr-only",children:"More pages"})]})}for(var __webpack_i__ in exports.Pagination=__webpack_exports__.Pagination,exports.PaginationContent=__webpack_exports__.PaginationContent,exports.PaginationEllipsis=__webpack_exports__.PaginationEllipsis,exports.PaginationItem=__webpack_exports__.PaginationItem,exports.PaginationLink=__webpack_exports__.PaginationLink,exports.PaginationNext=__webpack_exports__.PaginationNext,exports.PaginationPrevious=__webpack_exports__.PaginationPrevious,__webpack_exports__)-1===["Pagination","PaginationContent","PaginationEllipsis","PaginationItem","PaginationLink","PaginationNext","PaginationPrevious"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
2
2
|
//# sourceMappingURL=pagination.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\pagination.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/pagination.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"components\\pagination.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/pagination.tsx"],"sourcesContent":["import {\r\n CaretLeft,\r\n CaretRight,\r\n DotsThree,\r\n} from '@phosphor-icons/react/dist/ssr'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, cn } from '../lib/utils'\r\nimport { buttonVariants } from './button'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Pagination\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Pagination({\r\n className,\r\n ...props\r\n}: ComponentProps<'nav'>): JSX.Element {\r\n return (\r\n <nav\r\n aria-label=\"pagination\"\r\n className={cn('mx-auto flex w-full justify-center', className)}\r\n data-slot=\"pagination\"\r\n role=\"navigation\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PaginationContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PaginationContent({\r\n className,\r\n ...props\r\n}: ComponentProps<'ul'>): JSX.Element {\r\n return (\r\n <ul\r\n className={cn('flex flex-row items-center gap-1', className)}\r\n data-slot=\"pagination-content\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PaginationItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PaginationItem(props: ComponentProps<'li'>): JSX.Element {\r\n return <li data-slot=\"pagination-item\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PaginationLink\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PaginationLink({\r\n children,\r\n className,\r\n isActive,\r\n size = 'icon',\r\n ...props\r\n}: ComponentProps<'a'> &\r\n Pick<VariantProps<typeof buttonVariants>, 'size'> & {\r\n isActive?: boolean\r\n }): JSX.Element {\r\n return (\r\n <a\r\n aria-current={isActive ? 'page' : undefined}\r\n className={buttonVariants({\r\n className,\r\n size,\r\n variant: isActive ? 'outline' : 'ghost',\r\n })}\r\n data-slot=\"pagination-link\"\r\n {...props}\r\n >\r\n {children}\r\n </a>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PaginationPrevious\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PaginationPrevious({\r\n ...props\r\n}: ComponentProps<'a'> &\r\n Pick<VariantProps<typeof buttonVariants>, 'size'> & {\r\n isActive?: boolean\r\n }): JSX.Element {\r\n return (\r\n <PaginationLink\r\n aria-label=\"Go to previous page\"\r\n data-slot=\"pagination-previous\"\r\n size=\"md\"\r\n {...props}\r\n >\r\n <CaretLeft className=\"size-4\" />\r\n <span>Previous</span>\r\n </PaginationLink>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PaginationNext\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PaginationNext({\r\n ...props\r\n}: ComponentProps<'a'> &\r\n Pick<VariantProps<typeof buttonVariants>, 'size'> & {\r\n isActive?: boolean\r\n }): JSX.Element {\r\n return (\r\n <PaginationLink\r\n aria-label=\"Go to next page\"\r\n data-slot=\"pagination-next\"\r\n size=\"md\"\r\n {...props}\r\n >\r\n <span>Next</span>\r\n <CaretRight />\r\n </PaginationLink>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PaginationEllipsis\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PaginationEllipsis({\r\n className,\r\n ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n return (\r\n <span\r\n aria-hidden\r\n className={cn('flex size-10 items-center justify-center', className)}\r\n data-slot=\"pagination-ellipsis\"\r\n {...props}\r\n >\r\n <DotsThree className=\"size-4\" />\r\n <span className=\"sr-only\">More pages</span>\r\n </span>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Pagination,\r\n PaginationContent,\r\n PaginationLink,\r\n PaginationItem,\r\n PaginationPrevious,\r\n PaginationNext,\r\n PaginationEllipsis,\r\n}\r\n"],"names":["Pagination","className","props","cn","PaginationContent","PaginationItem","PaginationLink","children","isActive","size","undefined","buttonVariants","PaginationPrevious","CaretLeft","PaginationNext","CaretRight","PaginationEllipsis","DotsThree"],"mappings":"uvCAcA,SAASA,WAAW,CAClBC,UAAAA,CAAS,CACT,GAAGC,EACmB,EACtB,MACE,oCAAC,OACC,aAAW,aACX,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,qCAAsCF,GACpD,YAAU,aACV,KAAK,aACJ,GAAGC,CAAK,A,EAGf,CAMA,SAASE,kBAAkB,CACzBH,UAAAA,CAAS,CACT,GAAGC,EACkB,EACrB,MACE,oCAAC,MACC,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,mCAAoCF,GAClD,YAAU,qBACT,GAAGC,CAAK,A,EAGf,CAMA,SAASG,eAAeH,CAA2B,EACjD,MAAO,oCAAC,MAAG,YAAU,kBAAmB,GAAGA,CAAK,A,EAClD,CAMA,SAASI,eAAe,CACtBC,SAAAA,CAAQ,CACRN,UAAAA,CAAS,CACTO,SAAAA,CAAQ,CACRC,KAAAA,EAAO,MAAM,CACb,GAAGP,EAIF,EACD,MACE,oCAAC,KACC,eAAcM,EAAW,OAASE,KAAAA,EAClC,UAAWC,AAAAA,GAAAA,oCAAAA,cAAAA,AAAAA,EAAe,CACxBV,UAAAA,EACAQ,KAAAA,EACA,QAASD,EAAW,UAAY,OAClC,GACA,YAAU,kBACT,GAAGN,CAAK,C,SAERK,C,EAGP,CAMA,SAASK,mBAAmB,CAC1B,GAAGV,EAIF,EACD,MACE,qCAACI,eAAAA,CACC,aAAW,sBACX,YAAU,sBACV,KAAK,KACJ,GAAGJ,CAAK,C,UAET,oCAACW,oBAAAA,SAASA,CAAAA,CAAC,UAAU,Q,GACrB,oCAAC,Q,SAAK,U,KAGZ,CAMA,SAASC,eAAe,CACtB,GAAGZ,EAIF,EACD,MACE,qCAACI,eAAAA,CACC,aAAW,kBACX,YAAU,kBACV,KAAK,KACJ,GAAGJ,CAAK,C,UAET,oCAAC,Q,SAAK,M,GACN,oCAACa,oBAAAA,UAAUA,CAAAA,CAAAA,G,EAGjB,CAMA,SAASC,mBAAmB,CAC1Bf,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,MACE,qCAAC,QACC,cAAW,GACX,UAAWC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,2CAA4CF,GAC1D,YAAU,sBACT,GAAGC,CAAK,C,UAET,oCAACe,oBAAAA,SAASA,CAAAA,CAAC,UAAU,Q,GACrB,oCAAC,QAAK,UAAU,U,SAAU,Y,KAGhC,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,o)=>{for(var t in o)__webpack_require__.o(o,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},__webpack_require__.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),__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__,{PopoverAnchor:()=>PopoverAnchor,Popover:()=>Popover,PopoverContent:()=>PopoverContent,PopoverTrigger:()=>PopoverTrigger,PopoverArrow:()=>PopoverArrow});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_popover_namespaceObject=require("@radix-ui/react-popover"),utils_cjs_namespaceObject=require("../lib/utils.cjs");function Popover({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Root,{"data-slot":"popover",...e})}function PopoverTrigger({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Trigger,{"data-slot":"popover-trigger",...e})}function PopoverAnchor({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Anchor,{"data-slot":"popover-anchor",...e})}function PopoverContent({align:e="center",className:o,sideOffset:t=4,...r}){return(0,jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Content,{align:e,className:(0,utils_cjs_namespaceObject.cn)("data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border border-stroke bg-white p-4 text-gbm-dark shadow-lg outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in",o),"data-slot":"popover-content",sideOffset:t,...r})})}function PopoverArrow({className:e,...o}){return(0,jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Arrow,{className:(0,utils_cjs_namespaceObject.cn)("fill-stroke",e),"data-slot":"popover-arrow",...o})}for(var __webpack_i__ in exports.Popover=__webpack_exports__.Popover,exports.PopoverAnchor=__webpack_exports__.PopoverAnchor,exports.PopoverArrow=__webpack_exports__.PopoverArrow,exports.PopoverContent=__webpack_exports__.PopoverContent,exports.PopoverTrigger=__webpack_exports__.PopoverTrigger,__webpack_exports__)-1===["Popover","PopoverAnchor","PopoverArrow","PopoverContent","PopoverTrigger"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
3
|
//# sourceMappingURL=popover.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\popover.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/popover.tsx"],"sourcesContent":["\r\n\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\r\nimport {
|
|
1
|
+
{"version":3,"file":"components\\popover.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/popover.tsx"],"sourcesContent":["\r\n\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Popover\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Popover({\r\n ...props\r\n}: ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element {\r\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PopoverTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PopoverTrigger({\r\n ...props\r\n}: ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element {\r\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PopoverAnchor\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PopoverAnchor({\r\n ...props\r\n}: ComponentProps<typeof PopoverPrimitive.Anchor>): JSX.Element {\r\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PopoverContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PopoverContent({\r\n align = 'center',\r\n className,\r\n sideOffset = 4,\r\n ...props\r\n}: ComponentProps<typeof PopoverPrimitive.Content>): JSX.Element {\r\n return (\r\n <PopoverPrimitive.Portal>\r\n <PopoverPrimitive.Content\r\n align={align}\r\n className={cn(\r\n 'data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border border-stroke bg-white p-4 text-gbm-dark shadow-lg outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n className\r\n )}\r\n data-slot=\"popover-content\"\r\n sideOffset={sideOffset}\r\n {...props}\r\n />\r\n </PopoverPrimitive.Portal>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PopoverArrow\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PopoverArrow({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof PopoverPrimitive.Arrow>): JSX.Element {\r\n return (\r\n <PopoverPrimitive.Arrow\r\n className={cn('fill-stroke', className)}\r\n data-slot=\"popover-arrow\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Popover, PopoverTrigger, PopoverAnchor, PopoverContent, PopoverArrow }\r\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverAnchor","PopoverContent","align","className","sideOffset","cn","PopoverArrow"],"mappings":";wlCAWA,SAASA,QAAQ,CACf,GAAGC,EAC0C,EAC7C,MAAO,oCAACC,8BAAAA,IAAqB,EAAC,YAAU,UAAW,GAAGD,CAAK,EAC7D,CAMA,SAASE,eAAe,CACtB,GAAGF,EAC6C,EAChD,MAAO,oCAACC,8BAAAA,OAAwB,EAAC,YAAU,kBAAmB,GAAGD,CAAK,EACxE,CAMA,SAASG,cAAc,CACrB,GAAGH,EAC4C,EAC/C,MAAO,oCAACC,8BAAAA,MAAuB,EAAC,YAAU,iBAAkB,GAAGD,CAAK,EACtE,CAMA,SAASI,eAAe,CACtBC,MAAAA,EAAQ,QAAQ,CAChBC,UAAAA,CAAS,CACTC,WAAAA,EAAa,CAAC,CACd,GAAGP,EAC6C,EAChD,MACE,oCAACC,8BAAAA,MAAuB,E,SACtB,oCAACA,8BAAAA,OAAwB,EACvB,MAAOI,EACP,UAAWG,GAAAA,0BAAAA,EAAAA,EACT,quBACAF,GAEF,YAAU,kBACV,WAAYC,EACX,GAAGP,CAAK,IAIjB,CAMA,SAASS,aAAa,CACpBH,UAAAA,CAAS,CACT,GAAGN,EAC2C,EAC9C,MACE,oCAACC,8BAAAA,KAAsB,EACrB,UAAWO,GAAAA,0BAAAA,EAAAA,EAAG,cAAeF,GAC7B,YAAU,gBACT,GAAGN,CAAK,EAGf,C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as r from"react/jsx-runtime";import*as e from"../lib/utils.js";import*as t from"@radix-ui/react-slot";let o=(0,e.tv)({base:"inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-
|
|
1
|
+
import*as r from"react/jsx-runtime";import*as e from"../lib/utils.js";import*as t from"@radix-ui/react-slot";let o=(0,e.tv)({base:"inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-error-foreground hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function a({className:e,asChild:a,variant:n,...s}){let i=a?t.Slot:"span";return(0,r.jsx)(i,{className:o({className:e,variant:n}),...s})}export{a as Badge,o as badgeVariants};
|
|
2
2
|
//# sourceMappingURL=badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\badge.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/badge.tsx"],"sourcesContent":["import { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, tv } from '@/lib/utils'\r\nimport { Slot } from '@radix-ui/react-slot'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Badge\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst badgeVariants = tv({\r\n base: 'inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\r\n variants: {\r\n variant: {\r\n default:\r\n 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',\r\n secondary:\r\n 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\r\n destructive:\r\n 'border-transparent bg-destructive text-
|
|
1
|
+
{"version":3,"file":"components\\badge.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/badge.tsx"],"sourcesContent":["import { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, tv } from '@/lib/utils'\r\nimport { Slot } from '@radix-ui/react-slot'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Badge\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst badgeVariants = tv({\r\n base: 'inline-flex items-center rounded-full border px-2.5 py-0.5 font-semibold text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\r\n variants: {\r\n variant: {\r\n default:\r\n 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',\r\n secondary:\r\n 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\r\n destructive:\r\n 'border-transparent bg-destructive text-error-foreground hover:bg-destructive/80',\r\n outline: 'text-foreground',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Badge\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Badge({\r\n className,\r\n asChild,\r\n variant,\r\n ...props\r\n}: ComponentProps<'span'> &\r\n VariantProps<typeof badgeVariants> & {\r\n asChild?: boolean\r\n }): JSX.Element {\r\n const Component = asChild ? Slot : 'span'\r\n\r\n return (\r\n <Component className={badgeVariants({ className, variant })} {...props} />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Badge, badgeVariants }\r\n"],"names":["badgeVariants","tv","Badge","className","asChild","variant","props","Component","Slot"],"mappings":"6GASA,IAAMA,EAAgBC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,CACvB,KAAM,yKACN,SAAU,CACR,QAAS,CACP,QACE,4EACF,UACE,kFACF,YACE,kFACF,QAAS,iBACX,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,GAMA,SAASC,EAAM,CACbC,UAAAA,CAAS,CACTC,QAAAA,CAAO,CACPC,QAAAA,CAAO,CACP,GAAGC,EAIF,EACD,IAAMC,EAAYH,EAAUI,EAAAA,IAAIA,CAAG,OAEnC,MACE,UAACD,EAAAA,CAAU,UAAWP,EAAc,CAAEG,UAAAA,EAAWE,QAAAA,CAAQ,GAAK,GAAGC,CAAK,A,EAE1E,Q"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\button.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps, JSX, ReactNode } from 'react'\r\n\r\nimport type { VariantProps } from '../lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\nimport { Spinner } from './spinner'\r\n\r\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":"
|
|
1
|
+
{"version":3,"file":"components\\button.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps, JSX, ReactNode } from 'react'\r\n\r\nimport type { VariantProps } from '../lib/utils'\r\n\r\nimport { cn, tv } from '@/lib/utils'\r\nimport { Spinner } from './spinner'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Button\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst buttonVariants = tv({\r\n base: 'cursor-pointer flex 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":"4IAYA,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,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import*as e from"react/jsx-runtime";import*as
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as r from"@radix-ui/react-context";import*as t from"@radix-ui/react-slot";import*as o from"react";import*as m from"react-hook-form";import*as s from"./label.js";import*as a from"../lib/utils.js";let i=m.FormProvider,n="FormField",[l,d]=(0,r.createContextScope)(n),[c,f]=l(n);function u(e,r){let{id:t}=p(e,r),{name:o}=f(e,r),{getFieldState:s}=(0,m.useFormContext)(),a=(0,m.useFormState)({name:o}),i=s(o,a);return{id:t,name:o,formDescriptionId:`form-item-description-${t}`,formItemId:`form-item-${t}`,formMessageId:`form-item-message-${t}`,...i}}function x(r){let{__scopeFormField:t,...o}=r;return(0,e.jsx)(c,{name:o.name,scope:t,children:(0,e.jsx)(m.Controller,{...o})})}let[F,p]=l("FormItem");function g({__scopeFormField:r,className:t,...m}){let s=(0,o.useId)();return(0,e.jsx)(F,{id:s,scope:r,children:(0,e.jsx)("div",{className:(0,a.cn)("grid gap-2",t),"data-slot":"form-item",...m})})}function j({__scopeFormField:r,...t}){let{formItemId:o,error:m}=u("FormLabel",r);return(0,e.jsx)(s.Label,{"data-invalid":!!m||void 0,"data-slot":"form-label",htmlFor:o,...t})}function b({__scopeFormField:r,...o}){let{formDescriptionId:m,formItemId:s,formMessageId:a,error:i}=u("FormControl",r);return(0,e.jsx)(t.Slot,{"aria-describedby":i?`${m} ${a}`:m,"aria-invalid":!!i,"data-slot":"form-control",id:s,...o})}function I({__scopeFormField:r,className:t,...o}){let{formDescriptionId:m}=u(h,r);return(0,e.jsx)("p",{className:(0,a.cn)("text-muted-foreground text-xs",t),"data-slot":"form-description",id:m,...o})}let h="FormMessage";function v({__scopeFormField:r,children:t,className:o,...m}){let{formMessageId:s,error:i}=u(h,r),n=i?.message?String(i.message):t;return n?(0,e.jsx)("p",{className:(0,a.cn)("text-xs",i?.message?"font-medium text-error":"text-gray-600",o),"data-slot":"form-message",id:s,...m,children:n}):null}export{i as Form,b as FormControl,I as FormDescription,x as FormField,g as FormItem,j as FormLabel,v as FormMessage,d as createFormFieldScope};
|
|
3
3
|
//# sourceMappingURL=form.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\form.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/form.tsx"],"sourcesContent":["\r\n\r\nimport type { Scope } from '@radix-ui/react-context'\r\nimport type * as LabelPrimitive from '@radix-ui/react-label'\r\nimport type { ComponentProps, JSX, ReactNode } from 'react'\r\nimport type {\r\n ControllerProps,\r\n FieldError,\r\n FieldPath,\r\n FieldValues,\r\n} from 'react-hook-form'\r\n\r\nimport { createContextScope } from '@radix-ui/react-context'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport { useId } from 'react'\r\nimport {\r\n Controller,\r\n FormProvider,\r\n useFormContext,\r\n useFormState,\r\n} from 'react-hook-form'\r\n\r\nimport { Label } from '@/components/label'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Form\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst Form = FormProvider\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_FIELD_NAME = 'FormField'\r\n\r\ntype ScopedProps<P> = P & { __scopeFormField?: Scope }\r\n\r\nconst [createFormFieldContext, createFormFieldScope] =\r\n createContextScope(FORM_FIELD_NAME)\r\n\r\ninterface FormFieldContextValue<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> {\r\n name: TName\r\n}\r\n\r\nconst [FormFieldContextProvider, useFormFieldContext] =\r\n createFormFieldContext<FormFieldContextValue>(FORM_FIELD_NAME)\r\n\r\nfunction useFormItem(\r\n consumerName: string,\r\n scope: Scope\r\n): {\r\n formDescriptionId: string\r\n formItemId: string\r\n formMessageId: string\r\n id: string\r\n invalid: boolean\r\n isDirty: boolean\r\n isTouched: boolean\r\n isValidating: boolean\r\n name: string\r\n error?: FieldError\r\n} {\r\n const { id } = useFormItemContext(consumerName, scope)\r\n const { name } = useFormFieldContext(consumerName, scope)\r\n const { getFieldState } = useFormContext()\r\n const formState = useFormState({ name })\r\n const fieldState = getFieldState(name, formState)\r\n\r\n return {\r\n id,\r\n name,\r\n formDescriptionId: `form-item-description-${id}`,\r\n formItemId: `form-item-${id}`,\r\n formMessageId: `form-item-message-${id}`,\r\n ...fieldState,\r\n }\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormField<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n>(\r\n formFieldProps: ScopedProps<ControllerProps<TFieldValues, TName>>\r\n): JSX.Element {\r\n const { __scopeFormField, ...props } = formFieldProps\r\n\r\n return (\r\n <FormFieldContextProvider name={props.name} scope={__scopeFormField}>\r\n <Controller {...props} />\r\n </FormFieldContextProvider>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_ITEM_NAME = 'FormItem'\r\n\r\ninterface FormItemContextValue {\r\n id: string\r\n}\r\n\r\nconst [FormItemContextProvider, useFormItemContext] =\r\n createFormFieldContext<FormItemContextValue>(FORM_ITEM_NAME)\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormItem({\r\n __scopeFormField,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'div'>>): JSX.Element {\r\n const id = useId()\r\n\r\n return (\r\n <FormItemContextProvider id={id} scope={__scopeFormField}>\r\n <div\r\n className={cn('grid gap-2', className)}\r\n data-slot=\"form-item\"\r\n {...props}\r\n />\r\n </FormItemContextProvider>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_LABEL_NAME = 'FormLabel'\r\n\r\nfunction FormLabel({\r\n __scopeFormField,\r\n ...props\r\n}: ScopedProps<ComponentProps<typeof LabelPrimitive.Root>>): JSX.Element {\r\n const { formItemId, error } = useFormItem(FORM_LABEL_NAME, __scopeFormField)\r\n\r\n return (\r\n <Label\r\n data-invalid={error ? true : undefined}\r\n data-slot=\"form-label\"\r\n htmlFor={formItemId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormControl\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_CONTROL_NAME = 'FormControl'\r\n\r\nfunction FormControl({\r\n __scopeFormField,\r\n ...props\r\n}: ScopedProps<ComponentProps<typeof Slot>>): JSX.Element {\r\n const { formDescriptionId, formItemId, formMessageId, error } = useFormItem(\r\n FORM_CONTROL_NAME,\r\n __scopeFormField\r\n )\r\n\r\n return (\r\n <Slot\r\n aria-describedby={\r\n error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId\r\n }\r\n aria-invalid={Boolean(error)}\r\n data-slot=\"form-control\"\r\n id={formItemId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormDescription\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormDescription({\r\n __scopeFormField,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'p'>>): JSX.Element {\r\n const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField)\r\n\r\n return (\r\n <p\r\n className={cn('text-muted-foreground text-xs', className)}\r\n data-slot=\"form-description\"\r\n id={formDescriptionId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormMessage\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_MESSAGE_NAME = 'FormMessage'\r\n\r\nfunction FormMessage({\r\n __scopeFormField,\r\n children,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'p'>>): ReactNode {\r\n const { formMessageId, error } = useFormItem(\r\n FORM_MESSAGE_NAME,\r\n __scopeFormField\r\n )\r\n const body = error?.message ? String(error.message) : children\r\n\r\n if (!body) {\r\n return null\r\n }\r\n\r\n return (\r\n <p\r\n className={cn(\r\n 'text-xs',\r\n error?.message\r\n ? 'font-medium text-destructive'\r\n : 'text-muted-foreground',\r\n className\r\n )}\r\n data-slot=\"form-message\"\r\n id={formMessageId}\r\n {...props}\r\n >\r\n {body}\r\n </p>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n createFormFieldScope,\r\n Form,\r\n FormControl,\r\n FormDescription,\r\n FormField,\r\n FormItem,\r\n FormLabel,\r\n FormMessage,\r\n}\r\n"],"names":["Form","FormProvider","FORM_FIELD_NAME","createFormFieldContext","createFormFieldScope","createContextScope","FormFieldContextProvider","useFormFieldContext","useFormItem","consumerName","scope","id","useFormItemContext","name","getFieldState","useFormContext","formState","useFormState","fieldState","FormField","formFieldProps","__scopeFormField","props","Controller","FormItemContextProvider","FormItem","className","useId","cn","FormLabel","formItemId","error","Label","undefined","FormControl","formDescriptionId","formMessageId","Slot","Boolean","FormDescription","FORM_MESSAGE_NAME","FormMessage","children","body","String"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components\\form.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/form.tsx"],"sourcesContent":["\r\n\r\nimport type { Scope } from '@radix-ui/react-context'\r\nimport type * as LabelPrimitive from '@radix-ui/react-label'\r\nimport type { ComponentProps, JSX, ReactNode } from 'react'\r\nimport type {\r\n ControllerProps,\r\n FieldError,\r\n FieldPath,\r\n FieldValues,\r\n} from 'react-hook-form'\r\n\r\nimport { createContextScope } from '@radix-ui/react-context'\r\nimport { Slot } from '@radix-ui/react-slot'\r\nimport { useId } from 'react'\r\nimport {\r\n Controller,\r\n FormProvider,\r\n useFormContext,\r\n useFormState,\r\n} from 'react-hook-form'\r\n\r\nimport { Label } from '@/components/label'\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Form\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst Form = FormProvider\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_FIELD_NAME = 'FormField'\r\n\r\ntype ScopedProps<P> = P & { __scopeFormField?: Scope }\r\n\r\nconst [createFormFieldContext, createFormFieldScope] =\r\n createContextScope(FORM_FIELD_NAME)\r\n\r\ninterface FormFieldContextValue<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n> {\r\n name: TName\r\n}\r\n\r\nconst [FormFieldContextProvider, useFormFieldContext] =\r\n createFormFieldContext<FormFieldContextValue>(FORM_FIELD_NAME)\r\n\r\nfunction useFormItem(\r\n consumerName: string,\r\n scope: Scope\r\n): {\r\n formDescriptionId: string\r\n formItemId: string\r\n formMessageId: string\r\n id: string\r\n invalid: boolean\r\n isDirty: boolean\r\n isTouched: boolean\r\n isValidating: boolean\r\n name: string\r\n error?: FieldError\r\n} {\r\n const { id } = useFormItemContext(consumerName, scope)\r\n const { name } = useFormFieldContext(consumerName, scope)\r\n const { getFieldState } = useFormContext()\r\n const formState = useFormState({ name })\r\n const fieldState = getFieldState(name, formState)\r\n\r\n return {\r\n id,\r\n name,\r\n formDescriptionId: `form-item-description-${id}`,\r\n formItemId: `form-item-${id}`,\r\n formMessageId: `form-item-message-${id}`,\r\n ...fieldState,\r\n }\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormField\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormField<\r\n TFieldValues extends FieldValues = FieldValues,\r\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\r\n>(\r\n formFieldProps: ScopedProps<ControllerProps<TFieldValues, TName>>\r\n): JSX.Element {\r\n const { __scopeFormField, ...props } = formFieldProps\r\n\r\n return (\r\n <FormFieldContextProvider name={props.name} scope={__scopeFormField}>\r\n <Controller {...props} />\r\n </FormFieldContextProvider>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Context: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_ITEM_NAME = 'FormItem'\r\n\r\ninterface FormItemContextValue {\r\n id: string\r\n}\r\n\r\nconst [FormItemContextProvider, useFormItemContext] =\r\n createFormFieldContext<FormItemContextValue>(FORM_ITEM_NAME)\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormItem({\r\n __scopeFormField,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'div'>>): JSX.Element {\r\n const id = useId()\r\n\r\n return (\r\n <FormItemContextProvider id={id} scope={__scopeFormField}>\r\n <div\r\n className={cn('grid gap-2', className)}\r\n data-slot=\"form-item\"\r\n {...props}\r\n />\r\n </FormItemContextProvider>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_LABEL_NAME = 'FormLabel'\r\n\r\nfunction FormLabel({\r\n __scopeFormField,\r\n ...props\r\n}: ScopedProps<ComponentProps<typeof LabelPrimitive.Root>>): JSX.Element {\r\n const { formItemId, error } = useFormItem(FORM_LABEL_NAME, __scopeFormField)\r\n\r\n return (\r\n <Label\r\n data-invalid={error ? true : undefined}\r\n data-slot=\"form-label\"\r\n htmlFor={formItemId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormControl\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_CONTROL_NAME = 'FormControl'\r\n\r\nfunction FormControl({\r\n __scopeFormField,\r\n ...props\r\n}: ScopedProps<ComponentProps<typeof Slot>>): JSX.Element {\r\n const { formDescriptionId, formItemId, formMessageId, error } = useFormItem(\r\n FORM_CONTROL_NAME,\r\n __scopeFormField\r\n )\r\n\r\n return (\r\n <Slot\r\n aria-describedby={\r\n error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId\r\n }\r\n aria-invalid={Boolean(error)}\r\n data-slot=\"form-control\"\r\n id={formItemId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormDescription\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction FormDescription({\r\n __scopeFormField,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'p'>>): JSX.Element {\r\n const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField)\r\n\r\n return (\r\n <p\r\n className={cn('text-muted-foreground text-xs', className)}\r\n data-slot=\"form-description\"\r\n id={formDescriptionId}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: FormMessage\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst FORM_MESSAGE_NAME = 'FormMessage'\r\n\r\nfunction FormMessage({\r\n __scopeFormField,\r\n children,\r\n className,\r\n ...props\r\n}: ScopedProps<ComponentProps<'p'>>): ReactNode {\r\n const { formMessageId, error } = useFormItem(\r\n FORM_MESSAGE_NAME,\r\n __scopeFormField\r\n )\r\n const body = error?.message ? String(error.message) : children\r\n\r\n if (!body) {\r\n return null\r\n }\r\n\r\n return (\r\n <p\r\n className={cn(\r\n 'text-xs',\r\n error?.message ? 'font-medium text-error' : 'text-gray-600',\r\n className\r\n )}\r\n data-slot=\"form-message\"\r\n id={formMessageId}\r\n {...props}\r\n >\r\n {body}\r\n </p>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n createFormFieldScope,\r\n Form,\r\n FormControl,\r\n FormDescription,\r\n FormField,\r\n FormItem,\r\n FormLabel,\r\n FormMessage,\r\n}\r\n"],"names":["Form","FormProvider","FORM_FIELD_NAME","createFormFieldContext","createFormFieldScope","createContextScope","FormFieldContextProvider","useFormFieldContext","useFormItem","consumerName","scope","id","useFormItemContext","name","getFieldState","useFormContext","formState","useFormState","fieldState","FormField","formFieldProps","__scopeFormField","props","Controller","FormItemContextProvider","FormItem","className","useId","cn","FormLabel","formItemId","error","Label","undefined","FormControl","formDescriptionId","formMessageId","Slot","Boolean","FormDescription","FORM_MESSAGE_NAME","FormMessage","children","body","String"],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
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
|
|
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 r from"./spinner.js";import*as t from"./button.js";import*as e from"./input.js";let{input:p,root:n}=(0,e.inputVariants)();function l({className:e,disabled:l,loaderPosition:d,loading:m,prefix:u,readOnly:c,spinner:f,suffix:w,...x}){let[j,b]=(0,o.useState)("password"),h=(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:l,loaderPosition:d,loading:m,prefix:u,readOnly:c,spinner:f||(0,s.jsx)(r.Spinner,{}),suffix:w,children:[(0,s.jsx)(i.Field,{autoCapitalize:"none",className:p(),"data-slot":"input-password-item",type:j,...x}),(0,s.jsx)(t.Button,{"aria-label":"password"===j?"Show password":"Hide password",className:"full size-8 rounded-full focus-visible:ring-0","data-slot":"input-password-toggle",disabled:l,prefix:"password"===j?(0,s.jsx)(a.EyeSlash,{className:"size-6"}):(0,s.jsx)(a.Eye,{className:"size-6"}),size:"icon",variant:"ghost",onClick:h})]})}export{l as InputPassword};
|
|
3
3
|
//# sourceMappingURL=input-password.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\input-password.js","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-
|
|
1
|
+
{"version":3,"file":"components\\input-password.js","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=\"full size-8 rounded-full focus-visible:ring-0\"\r\n data-slot=\"input-password-toggle\"\r\n disabled={disabled}\r\n prefix={\r\n type === 'password' ? (\r\n <EyeSlash className=\"size-6\" />\r\n ) : (\r\n <Eye className=\"size-6\" />\r\n )\r\n }\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":";+OAsBA,GAAM,CAAEA,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,CAAGC,GAAAA,EAAAA,aAAAA,IAMxB,SAASC,EAAc,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,EAAAA,QAAAA,EAA8B,YAEhDC,EAA2BC,GAAAA,EAAAA,WAAAA,EAE/B,KACAH,EAAQI,GAASA,aAAAA,EAAsB,OAAS,WAClD,EAAG,EAAE,EAEL,MACE,WAACC,EAAAA,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,UAACU,EAAAA,OAAOA,CAAAA,CAAAA,GAC5B,OAAQT,E,UAER,UAACQ,EAAAA,KAAoB,EACnB,eAAe,OACf,UAAWnB,IACX,YAAU,sBACV,KAAMa,EACL,GAAGD,CAAK,GAEX,UAACS,EAAAA,MAAMA,CAAAA,CACL,aAAYR,aAAAA,EAAsB,gBAAkB,gBACpD,UAAU,gDACV,YAAU,wBACV,SAAUR,EACV,OACEQ,aAAAA,EACE,UAACS,EAAAA,QAAQA,CAAAA,CAAC,UAAU,Q,GAEpB,UAACC,EAAAA,GAAGA,CAAAA,CAAC,UAAU,Q,GAGnB,KAAK,OACL,QAAQ,QACR,QAASP,C,KAIjB,Q"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import*as
|
|
2
|
+
import*as a from"react/jsx-runtime";import*as e from"@radix-ui/react-label";import*as t from"../lib/utils.js";function r({className:r,...i}){return(0,a.jsx)(e.Root,{className:(0,t.cn)("inline-block font-medium text-gbm-dark text-sm leading-none peer-disabled:opacity-50 peer-aria-invalid:text-error data-invalid:text-error group-data-disabled:opacity-50 peer-data-disabled:opacity-50",r),"data-slot":"label",...i})}export{r as Label};
|
|
3
3
|
//# sourceMappingURL=label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\label.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/label.tsx"],"sourcesContent":["\r\n\r\nimport * as LabelPrimitive from '@radix-ui/react-label'\r\nimport { ComponentProps } from 'react'\r\n\r\nimport { cn } from '
|
|
1
|
+
{"version":3,"file":"components\\label.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/label.tsx"],"sourcesContent":["\r\n\r\nimport * as LabelPrimitive from '@radix-ui/react-label'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Label\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Label({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof LabelPrimitive.Root>): JSX.Element {\r\n return (\r\n <LabelPrimitive.Root\r\n className={cn(\r\n 'inline-block font-medium text-gbm-dark text-sm leading-none peer-disabled:opacity-50 peer-aria-invalid:text-error data-invalid:text-error group-data-disabled:opacity-50 peer-data-disabled:opacity-50',\r\n className\r\n )}\r\n data-slot=\"label\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Label }\r\n"],"names":["Label","className","props","LabelPrimitive","cn"],"mappings":";8GAWA,SAASA,EAAM,CACbC,UAAAA,CAAS,CACT,GAAGC,EACwC,EAC3C,MACE,UAACC,EAAAA,IAAmB,EAClB,UAAWC,GAAAA,EAAAA,EAAAA,EACT,yMACAH,GAEF,YAAU,QACT,GAAGC,CAAK,EAGf,Q"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\mask-input.js","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\
|
|
1
|
+
{"version":3,"file":"components\\mask-input.js","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\n/* -----------------------------------------------------------------------------\r\n * Component: MaskInput\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}: 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 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\n/* -----------------------------------------------------------------------------\r\n * Exports\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":";2HAWA,SAASA,EAAU,CACjBC,MAAAA,CAAK,CACLC,SAAAA,CAAQ,CACRC,SAAAA,EAAW,CAAC,CACZC,UAAAA,CAAS,CACT,GAAGC,EAKJ,EACC,IAAMC,EAAQ,IAAMH,EACd,CAACI,EAAWC,EAAa,CAAGC,GAAAA,EAAAA,QAAAA,EAAS,UAE3CC,GAAAA,EAAAA,SAAAA,EAAU,KACa,UAAjB,OAAOT,GAAuBU,OAAO,KAAK,CAACV,IAE7CO,EADeI,KAAK,KAAK,CAACX,EAAQK,GAAO,QAAQ,GAGrD,EAAG,CAACL,EAAOK,EAAM,EAuBf,UAACO,EAAAA,KAAKA,CAAAA,CACJ,MAAOC,SAtBkBC,CAAc,EACzC,IAAMC,EAASL,OAAOI,GAAUT,EAEhC,OAAO,IAAIW,KAAK,YAAY,CAAC,QAAS,CACpC,MAAO,UACP,sBAAuBd,EACvB,sBAAuBA,CACzB,GAAG,MAAM,CAACa,EACZ,EAc+BT,GAC3B,SAbJ,SAAsBW,CAAsC,EAE1D,IAAMC,EAAaC,EADH,MAAM,CAAC,KAAK,CACH,OAAO,CAAC,MAAO,IAElCC,EAASV,OAAOQ,GAAcb,EAEpCE,EAAaW,GACbjB,EAASmB,EACX,EAMI,UAAWC,GAAAA,EAAAA,EAAAA,EAAG,OAAQlB,GACrB,GAAGC,CAAI,EAGd,Q"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\multi-select.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/multi-select.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDown, CaretUp, X } from '@phosphor-icons/react/dist/ssr'\r\nimport { ComponentProps, ComponentType, KeyboardEvent, useState } from 'react'\r\n\r\nimport { VariantProps, cn, tv } from '../lib/utils'\r\nimport { Badge } from './badge'\r\nimport { Button } from './button'\r\nimport { Checkbox } from './checkbox'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\nconst multiSelectVariants = tv({\r\n base: 'h-6 gap-0 px-1.5 font-normal text-xs',\r\n variants: {\r\n variant: {\r\n default: 'rounded-sm bg-azure-50 text-azure-500 hover:bg-card/80',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\ntype MultiSelectProps = ComponentProps<'button'> &\r\n VariantProps<typeof multiSelectVariants> & {\r\n options: {\r\n label: string\r\n value: string\r\n icon?: ComponentType<{ className?: string }>\r\n }[]\r\n defaultValue?: string[]\r\n placeholder?: string\r\n maxCount?: number\r\n modalPopover?: boolean\r\n asChild?: boolean\r\n className?: string\r\n onValueChange?: (value: string[]) => void\r\n }\r\n\r\nfunction MultiSelect({\r\n options,\r\n onValueChange,\r\n variant,\r\n defaultValue = [],\r\n placeholder = 'Select options',\r\n maxCount = 2,\r\n modalPopover = false,\r\n className,\r\n ...props\r\n}: MultiSelectProps) {\r\n const [selectedValues, setSelectedValues] = useState<string[]>(defaultValue)\r\n const [isPopoverOpen, setIsPopoverOpen] = useState(false)\r\n\r\n const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === 'Enter') {\r\n setIsPopoverOpen(true)\r\n }\r\n }\r\n\r\n const toggleOption = (option: string) => {\r\n const newSelectedValues = selectedValues.includes(option)\r\n ? selectedValues.filter(value => value !== option)\r\n : [...selectedValues, option]\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const handleClear = () => {\r\n setSelectedValues([])\r\n onValueChange?.([])\r\n }\r\n\r\n const handleTogglePopover = () => {\r\n setIsPopoverOpen(prev => !prev)\r\n }\r\n\r\n const clearExtraOptions = () => {\r\n const newSelectedValues = selectedValues.slice(0, maxCount)\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const toggleAll = () => {\r\n if (selectedValues.length === options.length) {\r\n handleClear()\r\n } else {\r\n const allValues = options.map(option => option.value)\r\n setSelectedValues(allValues)\r\n onValueChange?.(allValues)\r\n }\r\n }\r\n\r\n return (\r\n <Popover\r\n open={isPopoverOpen}\r\n onOpenChange={setIsPopoverOpen}\r\n modal={modalPopover}\r\n >\r\n <PopoverTrigger asChild>\r\n <Button\r\n {...props}\r\n onClick={handleTogglePopover}\r\n className={cn(\r\n 'flex h-12 w-auto min-w-60 items-center justify-between rounded-md border border-stroke bg-white px-3 hover:bg-gray-50',\r\n className\r\n )}\r\n >\r\n {selectedValues.length > 0 ? (\r\n <div className=\"flex w-full items-center justify-between\">\r\n <div className=\"flex items-center gap-x-1\">\r\n {selectedValues.slice(0, maxCount).map(value => {\r\n const option = options.find(o => o.value === value)\r\n const IconComponent = option?.icon\r\n return (\r\n <Badge\r\n key={value}\r\n className={cn(multiSelectVariants({ variant }))}\r\n >\r\n {IconComponent && (\r\n <IconComponent className=\"mr-2 h-4 w-4\" />\r\n )}\r\n <span className=\"max-w-32 truncate\">{option?.label}</span>\r\n <X\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n toggleOption(value)\r\n }}\r\n />\r\n </Badge>\r\n )\r\n })}\r\n\r\n {selectedValues.length > maxCount && (\r\n <Badge className={cn(multiSelectVariants({ variant }))}>\r\n {`+ ${selectedValues.length - maxCount} ...`}\r\n <X\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n clearExtraOptions()\r\n }}\r\n />\r\n </Badge>\r\n )}\r\n </div>\r\n <div className=\"ml-4 flex items-center\">\r\n {isPopoverOpen ? (\r\n <CaretUp\r\n weight=\"bold\"\r\n className=\"size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n ) : (\r\n <CaretDown\r\n weight=\"bold\"\r\n className=\"size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n )}\r\n </div>\r\n </div>\r\n ) : (\r\n <div className=\"mx-auto flex w-full items-center justify-between\">\r\n <span className=\"font-normal text-gbm-dark/50 text-sm\">\r\n {placeholder === 'Select options'\r\n ? 'Selecione as opções'\r\n : placeholder}\r\n </span>\r\n {isPopoverOpen ? (\r\n <CaretUp\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n ) : (\r\n <CaretDown\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n )}\r\n </div>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n className=\"w-auto p-0\"\r\n align=\"start\"\r\n onEscapeKeyDown={() => setIsPopoverOpen(false)}\r\n >\r\n <Command>\r\n <CommandInput\r\n placeholder=\"Pesquisar...\"\r\n onKeyDown={handleInputKeyDown}\r\n />\r\n <CommandList>\r\n <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\r\n <CommandGroup>\r\n <CommandItem\r\n key=\"all\"\r\n onSelect={toggleAll}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox\r\n checked={selectedValues.length === options.length}\r\n className=\"mr-2\"\r\n />\r\n <span>(Selecionar todos)</span>\r\n </CommandItem>\r\n {options.map(option => {\r\n const isSelected = selectedValues.includes(option.value)\r\n return (\r\n <CommandItem\r\n key={option.value}\r\n onSelect={() => toggleOption(option.value)}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox checked={isSelected} className=\"mr-2\" />\r\n {option.icon && (\r\n <option.icon className=\"mr-2 size-4 text-gbm-dark\" />\r\n )}\r\n <span>{option.label}</span>\r\n </CommandItem>\r\n )\r\n })}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\nexport { MultiSelect, multiSelectVariants }\r\n"],"names":["multiSelectVariants","tv","MultiSelect","options","onValueChange","variant","defaultValue","placeholder","maxCount","modalPopover","className","props","selectedValues","setSelectedValues","useState","isPopoverOpen","setIsPopoverOpen","toggleOption","option","newSelectedValues","value","handleClear","clearExtraOptions","Popover","PopoverTrigger","Button","prev","cn","o","IconComponent","Badge","X","event","CaretUp","CaretDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","allValues","Checkbox","isSelected"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components\\multi-select.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/multi-select.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDown, CaretUp, X } from '@phosphor-icons/react/dist/ssr'\r\nimport { ComponentProps, ComponentType, KeyboardEvent, useState } from 'react'\r\n\r\nimport { VariantProps, cn, tv } from '../lib/utils'\r\nimport { Badge } from './badge'\r\nimport { Button } from './button'\r\nimport { Checkbox } from './checkbox'\r\nimport {\r\n Command,\r\n CommandEmpty,\r\n CommandGroup,\r\n CommandInput,\r\n CommandItem,\r\n CommandList,\r\n} from './command'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: MultiSelect\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst multiSelectVariants = tv({\r\n base: 'h-6 gap-0 px-1.5 font-normal text-xs',\r\n variants: {\r\n variant: {\r\n default: 'rounded-sm bg-azure-50 text-azure-500 hover:bg-card/80',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: MultiSelect\r\n * -------------------------------------------------------------------------- */\r\n\r\ntype MultiSelectProps = ComponentProps<'button'> &\r\n VariantProps<typeof multiSelectVariants> & {\r\n options: {\r\n label: string\r\n value: string\r\n icon?: ComponentType<{ className?: string }>\r\n }[]\r\n defaultValue?: string[]\r\n placeholder?: string\r\n maxCount?: number\r\n modalPopover?: boolean\r\n asChild?: boolean\r\n className?: string\r\n onValueChange?: (value: string[]) => void\r\n }\r\n\r\nfunction MultiSelect({\r\n options,\r\n onValueChange,\r\n variant,\r\n defaultValue = [],\r\n placeholder = 'Select options',\r\n maxCount = 2,\r\n modalPopover = false,\r\n className,\r\n ...props\r\n}: MultiSelectProps) {\r\n const [selectedValues, setSelectedValues] = useState<string[]>(defaultValue)\r\n const [isPopoverOpen, setIsPopoverOpen] = useState(false)\r\n\r\n const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === 'Enter') {\r\n setIsPopoverOpen(true)\r\n }\r\n }\r\n\r\n const toggleOption = (option: string) => {\r\n const newSelectedValues = selectedValues.includes(option)\r\n ? selectedValues.filter(value => value !== option)\r\n : [...selectedValues, option]\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const handleClear = () => {\r\n setSelectedValues([])\r\n onValueChange?.([])\r\n }\r\n\r\n const handleTogglePopover = () => {\r\n setIsPopoverOpen(prev => !prev)\r\n }\r\n\r\n const clearExtraOptions = () => {\r\n const newSelectedValues = selectedValues.slice(0, maxCount)\r\n setSelectedValues(newSelectedValues)\r\n onValueChange?.(newSelectedValues)\r\n }\r\n\r\n const toggleAll = () => {\r\n if (selectedValues.length === options.length) {\r\n handleClear()\r\n } else {\r\n const allValues = options.map(option => option.value)\r\n setSelectedValues(allValues)\r\n onValueChange?.(allValues)\r\n }\r\n }\r\n\r\n return (\r\n <Popover\r\n open={isPopoverOpen}\r\n onOpenChange={setIsPopoverOpen}\r\n modal={modalPopover}\r\n >\r\n <PopoverTrigger asChild>\r\n <Button\r\n {...props}\r\n onClick={handleTogglePopover}\r\n className={cn(\r\n 'flex h-12 w-auto min-w-60 items-center justify-between rounded-md border border-stroke bg-white px-3 hover:bg-gray-50',\r\n className\r\n )}\r\n >\r\n {selectedValues.length > 0 ? (\r\n <div className=\"flex w-full items-center justify-between\">\r\n <div className=\"flex items-center gap-x-1\">\r\n {selectedValues.slice(0, maxCount).map(value => {\r\n const option = options.find(o => o.value === value)\r\n const IconComponent = option?.icon\r\n return (\r\n <Badge\r\n key={value}\r\n className={cn(multiSelectVariants({ variant }))}\r\n >\r\n {IconComponent && (\r\n <IconComponent className=\"mr-2 h-4 w-4\" />\r\n )}\r\n <span className=\"max-w-32 truncate\">{option?.label}</span>\r\n <X\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n toggleOption(value)\r\n }}\r\n />\r\n </Badge>\r\n )\r\n })}\r\n\r\n {selectedValues.length > maxCount && (\r\n <Badge className={cn(multiSelectVariants({ variant }))}>\r\n {`+ ${selectedValues.length - maxCount} ...`}\r\n <X\r\n className=\"ml-1 size-3 cursor-pointer\"\r\n onClick={event => {\r\n event.stopPropagation()\r\n clearExtraOptions()\r\n }}\r\n />\r\n </Badge>\r\n )}\r\n </div>\r\n <div className=\"ml-4 flex items-center\">\r\n {isPopoverOpen ? (\r\n <CaretUp\r\n weight=\"bold\"\r\n className=\"size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n ) : (\r\n <CaretDown\r\n weight=\"bold\"\r\n className=\"size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n )}\r\n </div>\r\n </div>\r\n ) : (\r\n <div className=\"mx-auto flex w-full items-center justify-between\">\r\n <span className=\"font-normal text-gbm-dark/50 text-sm\">\r\n {placeholder === 'Select options'\r\n ? 'Selecione as opções'\r\n : placeholder}\r\n </span>\r\n {isPopoverOpen ? (\r\n <CaretUp\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n ) : (\r\n <CaretDown\r\n weight=\"bold\"\r\n className=\"ml-2 size-4 cursor-pointer text-gbm-dark\"\r\n />\r\n )}\r\n </div>\r\n )}\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent\r\n className=\"w-auto p-0\"\r\n align=\"start\"\r\n onEscapeKeyDown={() => setIsPopoverOpen(false)}\r\n >\r\n <Command>\r\n <CommandInput\r\n placeholder=\"Pesquisar...\"\r\n onKeyDown={handleInputKeyDown}\r\n />\r\n <CommandList>\r\n <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\r\n <CommandGroup>\r\n <CommandItem\r\n key=\"all\"\r\n onSelect={toggleAll}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox\r\n checked={selectedValues.length === options.length}\r\n className=\"mr-2\"\r\n />\r\n <span>(Selecionar todos)</span>\r\n </CommandItem>\r\n {options.map(option => {\r\n const isSelected = selectedValues.includes(option.value)\r\n return (\r\n <CommandItem\r\n key={option.value}\r\n onSelect={() => toggleOption(option.value)}\r\n className=\"cursor-pointer\"\r\n >\r\n <Checkbox checked={isSelected} className=\"mr-2\" />\r\n {option.icon && (\r\n <option.icon className=\"mr-2 size-4 text-gbm-dark\" />\r\n )}\r\n <span>{option.label}</span>\r\n </CommandItem>\r\n )\r\n })}\r\n </CommandGroup>\r\n </CommandList>\r\n </Command>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { MultiSelect, multiSelectVariants }\r\n"],"names":["multiSelectVariants","tv","MultiSelect","options","onValueChange","variant","defaultValue","placeholder","maxCount","modalPopover","className","props","selectedValues","setSelectedValues","useState","isPopoverOpen","setIsPopoverOpen","toggleOption","option","newSelectedValues","value","handleClear","clearExtraOptions","Popover","PopoverTrigger","Button","prev","cn","o","IconComponent","Badge","X","event","CaretUp","CaretDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","allValues","Checkbox","isSelected"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as a from"react/jsx-runtime";import*as
|
|
1
|
+
import*as a from"react/jsx-runtime";import*as n from"@phosphor-icons/react/dist/ssr";import*as t from"../lib/utils.js";import*as i from"./button.js";function s({className:n,...i}){return(0,a.jsx)("nav",{"aria-label":"pagination",className:(0,t.cn)("mx-auto flex w-full justify-center",n),"data-slot":"pagination",role:"navigation",...i})}function e({className:n,...i}){return(0,a.jsx)("ul",{className:(0,t.cn)("flex flex-row items-center gap-1",n),"data-slot":"pagination-content",...i})}function o(n){return(0,a.jsx)("li",{"data-slot":"pagination-item",...n})}function r({children:n,className:t,isActive:s,size:e="icon",...o}){return(0,a.jsx)("a",{"aria-current":s?"page":void 0,className:(0,i.buttonVariants)({className:t,size:e,variant:s?"outline":"ghost"}),"data-slot":"pagination-link",...o,children:n})}function l({...t}){return(0,a.jsxs)(r,{"aria-label":"Go to previous page","data-slot":"pagination-previous",size:"md",...t,children:[(0,a.jsx)(n.CaretLeft,{className:"size-4"}),(0,a.jsx)("span",{children:"Previous"})]})}function c({...t}){return(0,a.jsxs)(r,{"aria-label":"Go to next page","data-slot":"pagination-next",size:"md",...t,children:[(0,a.jsx)("span",{children:"Next"}),(0,a.jsx)(n.CaretRight,{})]})}function u({className:i,...s}){return(0,a.jsxs)("span",{"aria-hidden":!0,className:(0,t.cn)("flex size-10 items-center justify-center",i),"data-slot":"pagination-ellipsis",...s,children:[(0,a.jsx)(n.DotsThree,{className:"size-4"}),(0,a.jsx)("span",{className:"sr-only",children:"More pages"})]})}export{s as Pagination,e as PaginationContent,u as PaginationEllipsis,o as PaginationItem,r as PaginationLink,c as PaginationNext,l as PaginationPrevious};
|
|
2
2
|
//# sourceMappingURL=pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\pagination.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/pagination.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"components\\pagination.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/pagination.tsx"],"sourcesContent":["import {\r\n CaretLeft,\r\n CaretRight,\r\n DotsThree,\r\n} from '@phosphor-icons/react/dist/ssr'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, cn } from '../lib/utils'\r\nimport { buttonVariants } from './button'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Pagination\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Pagination({\r\n className,\r\n ...props\r\n}: ComponentProps<'nav'>): JSX.Element {\r\n return (\r\n <nav\r\n aria-label=\"pagination\"\r\n className={cn('mx-auto flex w-full justify-center', className)}\r\n data-slot=\"pagination\"\r\n role=\"navigation\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PaginationContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PaginationContent({\r\n className,\r\n ...props\r\n}: ComponentProps<'ul'>): JSX.Element {\r\n return (\r\n <ul\r\n className={cn('flex flex-row items-center gap-1', className)}\r\n data-slot=\"pagination-content\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PaginationItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PaginationItem(props: ComponentProps<'li'>): JSX.Element {\r\n return <li data-slot=\"pagination-item\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PaginationLink\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PaginationLink({\r\n children,\r\n className,\r\n isActive,\r\n size = 'icon',\r\n ...props\r\n}: ComponentProps<'a'> &\r\n Pick<VariantProps<typeof buttonVariants>, 'size'> & {\r\n isActive?: boolean\r\n }): JSX.Element {\r\n return (\r\n <a\r\n aria-current={isActive ? 'page' : undefined}\r\n className={buttonVariants({\r\n className,\r\n size,\r\n variant: isActive ? 'outline' : 'ghost',\r\n })}\r\n data-slot=\"pagination-link\"\r\n {...props}\r\n >\r\n {children}\r\n </a>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PaginationPrevious\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PaginationPrevious({\r\n ...props\r\n}: ComponentProps<'a'> &\r\n Pick<VariantProps<typeof buttonVariants>, 'size'> & {\r\n isActive?: boolean\r\n }): JSX.Element {\r\n return (\r\n <PaginationLink\r\n aria-label=\"Go to previous page\"\r\n data-slot=\"pagination-previous\"\r\n size=\"md\"\r\n {...props}\r\n >\r\n <CaretLeft className=\"size-4\" />\r\n <span>Previous</span>\r\n </PaginationLink>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PaginationNext\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PaginationNext({\r\n ...props\r\n}: ComponentProps<'a'> &\r\n Pick<VariantProps<typeof buttonVariants>, 'size'> & {\r\n isActive?: boolean\r\n }): JSX.Element {\r\n return (\r\n <PaginationLink\r\n aria-label=\"Go to next page\"\r\n data-slot=\"pagination-next\"\r\n size=\"md\"\r\n {...props}\r\n >\r\n <span>Next</span>\r\n <CaretRight />\r\n </PaginationLink>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PaginationEllipsis\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PaginationEllipsis({\r\n className,\r\n ...props\r\n}: ComponentProps<'span'>): JSX.Element {\r\n return (\r\n <span\r\n aria-hidden\r\n className={cn('flex size-10 items-center justify-center', className)}\r\n data-slot=\"pagination-ellipsis\"\r\n {...props}\r\n >\r\n <DotsThree className=\"size-4\" />\r\n <span className=\"sr-only\">More pages</span>\r\n </span>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Pagination,\r\n PaginationContent,\r\n PaginationLink,\r\n PaginationItem,\r\n PaginationPrevious,\r\n PaginationNext,\r\n PaginationEllipsis,\r\n}\r\n"],"names":["Pagination","className","props","cn","PaginationContent","PaginationItem","PaginationLink","children","isActive","size","undefined","buttonVariants","PaginationPrevious","CaretLeft","PaginationNext","CaretRight","PaginationEllipsis","DotsThree"],"mappings":"qJAcA,SAASA,EAAW,CAClBC,UAAAA,CAAS,CACT,GAAGC,EACmB,EACtB,MACE,UAAC,OACC,aAAW,aACX,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,qCAAsCF,GACpD,YAAU,aACV,KAAK,aACJ,GAAGC,CAAK,A,EAGf,CAMA,SAASE,EAAkB,CACzBH,UAAAA,CAAS,CACT,GAAGC,EACkB,EACrB,MACE,UAAC,MACC,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,mCAAoCF,GAClD,YAAU,qBACT,GAAGC,CAAK,A,EAGf,CAMA,SAASG,EAAeH,CAA2B,EACjD,MAAO,UAAC,MAAG,YAAU,kBAAmB,GAAGA,CAAK,A,EAClD,CAMA,SAASI,EAAe,CACtBC,SAAAA,CAAQ,CACRN,UAAAA,CAAS,CACTO,SAAAA,CAAQ,CACRC,KAAAA,EAAO,MAAM,CACb,GAAGP,EAIF,EACD,MACE,UAAC,KACC,eAAcM,EAAW,OAASE,KAAAA,EAClC,UAAWC,AAAAA,GAAAA,EAAAA,cAAAA,AAAAA,EAAe,CACxBV,UAAAA,EACAQ,KAAAA,EACA,QAASD,EAAW,UAAY,OAClC,GACA,YAAU,kBACT,GAAGN,CAAK,C,SAERK,C,EAGP,CAMA,SAASK,EAAmB,CAC1B,GAAGV,EAIF,EACD,MACE,WAACI,EAAAA,CACC,aAAW,sBACX,YAAU,sBACV,KAAK,KACJ,GAAGJ,CAAK,C,UAET,UAACW,EAAAA,SAASA,CAAAA,CAAC,UAAU,Q,GACrB,UAAC,Q,SAAK,U,KAGZ,CAMA,SAASC,EAAe,CACtB,GAAGZ,EAIF,EACD,MACE,WAACI,EAAAA,CACC,aAAW,kBACX,YAAU,kBACV,KAAK,KACJ,GAAGJ,CAAK,C,UAET,UAAC,Q,SAAK,M,GACN,UAACa,EAAAA,UAAUA,CAAAA,CAAAA,G,EAGjB,CAMA,SAASC,EAAmB,CAC1Bf,UAAAA,CAAS,CACT,GAAGC,EACoB,EACvB,MACE,WAAC,QACC,cAAW,GACX,UAAWC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,2CAA4CF,GAC1D,YAAU,sBACT,GAAGC,CAAK,C,UAET,UAACe,EAAAA,SAASA,CAAAA,CAAC,UAAU,Q,GACrB,UAAC,QAAK,UAAU,U,SAAU,Y,KAGhC,Q"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import*as
|
|
2
|
+
import*as t from"react/jsx-runtime";import*as o from"@radix-ui/react-popover";import*as e from"../lib/utils.js";function a({...e}){return(0,t.jsx)(o.Root,{"data-slot":"popover",...e})}function r({...e}){return(0,t.jsx)(o.Trigger,{"data-slot":"popover-trigger",...e})}function d({...e}){return(0,t.jsx)(o.Anchor,{"data-slot":"popover-anchor",...e})}function s({align:a="center",className:r,sideOffset:d=4,...s}){return(0,t.jsx)(o.Portal,{children:(0,t.jsx)(o.Content,{align:a,className:(0,e.cn)("data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border border-stroke bg-white p-4 text-gbm-dark shadow-lg outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in",r),"data-slot":"popover-content",sideOffset:d,...s})})}function i({className:a,...r}){return(0,t.jsx)(o.Arrow,{className:(0,e.cn)("fill-stroke",a),"data-slot":"popover-arrow",...r})}export{a as Popover,d as PopoverAnchor,i as PopoverArrow,s as PopoverContent,r as PopoverTrigger};
|
|
3
3
|
//# sourceMappingURL=popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\popover.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/popover.tsx"],"sourcesContent":["\r\n\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\r\nimport {
|
|
1
|
+
{"version":3,"file":"components\\popover.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/popover.tsx"],"sourcesContent":["\r\n\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { cn } from '@/lib/utils'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Popover\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Popover({\r\n ...props\r\n}: ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element {\r\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PopoverTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PopoverTrigger({\r\n ...props\r\n}: ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element {\r\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PopoverAnchor\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PopoverAnchor({\r\n ...props\r\n}: ComponentProps<typeof PopoverPrimitive.Anchor>): JSX.Element {\r\n return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PopoverContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PopoverContent({\r\n align = 'center',\r\n className,\r\n sideOffset = 4,\r\n ...props\r\n}: ComponentProps<typeof PopoverPrimitive.Content>): JSX.Element {\r\n return (\r\n <PopoverPrimitive.Portal>\r\n <PopoverPrimitive.Content\r\n align={align}\r\n className={cn(\r\n 'data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-32 rounded-lg border border-stroke bg-white p-4 text-gbm-dark shadow-lg outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n className\r\n )}\r\n data-slot=\"popover-content\"\r\n sideOffset={sideOffset}\r\n {...props}\r\n />\r\n </PopoverPrimitive.Portal>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: PopoverArrow\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction PopoverArrow({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof PopoverPrimitive.Arrow>): JSX.Element {\r\n return (\r\n <PopoverPrimitive.Arrow\r\n className={cn('fill-stroke', className)}\r\n data-slot=\"popover-arrow\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Popover, PopoverTrigger, PopoverAnchor, PopoverContent, PopoverArrow }\r\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverAnchor","PopoverContent","align","className","sideOffset","cn","PopoverArrow"],"mappings":";gHAWA,SAASA,EAAQ,CACf,GAAGC,EAC0C,EAC7C,MAAO,UAACC,EAAAA,IAAqB,EAAC,YAAU,UAAW,GAAGD,CAAK,EAC7D,CAMA,SAASE,EAAe,CACtB,GAAGF,EAC6C,EAChD,MAAO,UAACC,EAAAA,OAAwB,EAAC,YAAU,kBAAmB,GAAGD,CAAK,EACxE,CAMA,SAASG,EAAc,CACrB,GAAGH,EAC4C,EAC/C,MAAO,UAACC,EAAAA,MAAuB,EAAC,YAAU,iBAAkB,GAAGD,CAAK,EACtE,CAMA,SAASI,EAAe,CACtBC,MAAAA,EAAQ,QAAQ,CAChBC,UAAAA,CAAS,CACTC,WAAAA,EAAa,CAAC,CACd,GAAGP,EAC6C,EAChD,MACE,UAACC,EAAAA,MAAuB,E,SACtB,UAACA,EAAAA,OAAwB,EACvB,MAAOI,EACP,UAAWG,GAAAA,EAAAA,EAAAA,EACT,quBACAF,GAEF,YAAU,kBACV,WAAYC,EACX,GAAGP,CAAK,IAIjB,CAMA,SAASS,EAAa,CACpBH,UAAAA,CAAS,CACT,GAAGN,EAC2C,EAC9C,MACE,UAACC,EAAAA,KAAsB,EACrB,UAAWO,GAAAA,EAAAA,EAAAA,EAAG,cAAeF,GAC7B,YAAU,gBACT,GAAGN,CAAK,EAGf,Q"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAShD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4UAmClB,CAAA;AAMF,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,GAChD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAEH,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,cAAc,EACd,OAAO,EACP,MAAM,EACN,IAAI,EACJ,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,GACzC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,cAAc,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,GAAG,CAAC,OAAO,CAqBhB;AAMD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,KAAK,EACV,eAAe,EAEf,SAAS,EACT,WAAW,EACZ,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAgB3C,QAAA,MAAM,IAAI,4MAAe,CAAA;AAQzB,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAEtD,QAAA,MAA+B,oBAAoB,+CACd,CAAA;AA+CrC,iBAAS,SAAS,CAChB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAE/D,cAAc,EAAE,WAAW,CAAC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,GAChE,GAAG,CAAC,OAAO,CAQb;AAmBD,iBAAS,QAAQ,CAAC,EAChB,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAYlD;AAQD,iBAAS,SAAS,CAAC,EACjB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAWvE;AAQD,iBAAS,WAAW,CAAC,EACnB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAiBxD;AAMD,iBAAS,eAAe,CAAC,EACvB,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAWhD;AAQD,iBAAS,WAAW,CAAC,EACnB,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,KAAK,EACV,eAAe,EAEf,SAAS,EACT,WAAW,EACZ,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAgB3C,QAAA,MAAM,IAAI,4MAAe,CAAA;AAQzB,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAEtD,QAAA,MAA+B,oBAAoB,+CACd,CAAA;AA+CrC,iBAAS,SAAS,CAChB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAE/D,cAAc,EAAE,WAAW,CAAC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,GAChE,GAAG,CAAC,OAAO,CAQb;AAmBD,iBAAS,QAAQ,CAAC,EAChB,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAYlD;AAQD,iBAAS,SAAS,CAAC,EACjB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAWvE;AAQD,iBAAS,WAAW,CAAC,EACnB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAiBxD;AAMD,iBAAS,eAAe,CAAC,EACvB,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAWhD;AAQD,iBAAS,WAAW,CAAC,EACnB,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAyB9C;AAMD,OAAO,EACL,oBAAoB,EACpB,IAAI,EACJ,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,GACZ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-password.d.ts","sourceRoot":"","sources":["../../../src/components/input-password.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EACd,GAAG,EAIJ,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAA;AAGnD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAYvC,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,cAAc,EACd,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAC3C,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,GACpE,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"input-password.d.ts","sourceRoot":"","sources":["../../../src/components/input-password.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EACd,GAAG,EAIJ,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAA;AAGnD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAYvC,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,cAAc,EACd,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAC3C,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,GACpE,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG,GAAG,CAAC,OAAO,CA8CjD;AAMD,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
2
|
-
import { ComponentProps } from 'react';
|
|
3
|
-
declare function Label({ className, ...props }: ComponentProps<typeof LabelPrimitive.Root>):
|
|
2
|
+
import { ComponentProps, JSX } from 'react';
|
|
3
|
+
declare function Label({ className, ...props }: ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
|
|
4
4
|
export { Label };
|
|
5
5
|
//# sourceMappingURL=label.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAQ3C,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAW1D;AAMD,OAAO,EAAE,KAAK,EAAE,CAAA"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { Input } from './input';
|
|
3
|
-
|
|
3
|
+
declare function MaskInput({ value, onChange, decimals, className, ...rest }: Omit<ComponentProps<typeof Input>, 'value' | 'onChange'> & {
|
|
4
4
|
value: number | undefined;
|
|
5
5
|
onChange: (value: number) => void;
|
|
6
6
|
decimals?: number;
|
|
7
|
-
}
|
|
8
|
-
declare function MaskInput({ value, onChange, decimals, className, ...rest }: MaskInputProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
8
|
export { MaskInput };
|
|
10
9
|
//# sourceMappingURL=mask-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mask-input.d.ts","sourceRoot":"","sources":["../../../src/components/mask-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAA;AAG3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"mask-input.d.ts","sourceRoot":"","sources":["../../../src/components/mask-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAA;AAG3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAM/B,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,QAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC5D,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,2CAuCA;AAMD,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,aAAa,EAA2B,MAAM,OAAO,CAAA;AAE9E,OAAO,EAAE,YAAY,EAAU,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,aAAa,EAA2B,MAAM,OAAO,CAAA;AAE9E,OAAO,EAAE,YAAY,EAAU,MAAM,cAAc,CAAA;AAkBnD,QAAA,MAAM,mBAAmB;;;;;;;;;;;;mFAUvB,CAAA;AAMF,KAAK,gBAAgB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAC9C,YAAY,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACzC,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,aAAa,CAAC;YAAE,SAAS,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;KAC7C,EAAE,CAAA;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAC1C,CAAA;AAEH,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,aAAa,EACb,OAAO,EACP,YAAiB,EACjB,WAA8B,EAC9B,QAAY,EACZ,YAAoB,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAmLlB;AAMD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAA"}
|
|
@@ -1,29 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
declare
|
|
8
|
-
declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
9
|
-
type PaginationLinkProps = {
|
|
1
|
+
import { ComponentProps, JSX } from 'react';
|
|
2
|
+
import { VariantProps } from '../lib/utils';
|
|
3
|
+
import { buttonVariants } from './button';
|
|
4
|
+
declare function Pagination({ className, ...props }: ComponentProps<'nav'>): JSX.Element;
|
|
5
|
+
declare function PaginationContent({ className, ...props }: ComponentProps<'ul'>): JSX.Element;
|
|
6
|
+
declare function PaginationItem(props: ComponentProps<'li'>): JSX.Element;
|
|
7
|
+
declare function PaginationLink({ children, className, isActive, size, ...props }: ComponentProps<'a'> & Pick<VariantProps<typeof buttonVariants>, 'size'> & {
|
|
10
8
|
isActive?: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
20
|
-
declare const PaginationNext: {
|
|
21
|
-
({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
displayName: string;
|
|
23
|
-
};
|
|
24
|
-
declare const PaginationEllipsis: {
|
|
25
|
-
({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
displayName: string;
|
|
27
|
-
};
|
|
9
|
+
}): JSX.Element;
|
|
10
|
+
declare function PaginationPrevious({ ...props }: ComponentProps<'a'> & Pick<VariantProps<typeof buttonVariants>, 'size'> & {
|
|
11
|
+
isActive?: boolean;
|
|
12
|
+
}): JSX.Element;
|
|
13
|
+
declare function PaginationNext({ ...props }: ComponentProps<'a'> & Pick<VariantProps<typeof buttonVariants>, 'size'> & {
|
|
14
|
+
isActive?: boolean;
|
|
15
|
+
}): JSX.Element;
|
|
16
|
+
declare function PaginationEllipsis({ className, ...props }: ComponentProps<'span'>): JSX.Element;
|
|
28
17
|
export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };
|
|
29
18
|
//# sourceMappingURL=pagination.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,YAAY,EAAM,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAMzC,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,CAUrC;AAMD,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAQpC;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAEhE;AAMD,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAa,EACb,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,GAAG,CAAC,GACpB,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,MAAM,CAAC,GAAG;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,GAAG,CAAC,OAAO,CAehB;AAMD,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,GAAG,CAAC,GACpB,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,MAAM,CAAC,GAAG;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,GAAG,CAAC,OAAO,CAYhB;AAMD,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,GAAG,CAAC,GACpB,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,MAAM,CAAC,GAAG;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,GAAG,CAAC,OAAO,CAYhB;AAMD,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAYtC;AAMD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACnB,CAAA"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
2
|
-
|
|
3
|
-
declare
|
|
4
|
-
declare
|
|
5
|
-
|
|
2
|
+
import { ComponentProps, JSX } from 'react';
|
|
3
|
+
declare function Popover({ ...props }: ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element;
|
|
4
|
+
declare function PopoverTrigger({ ...props }: ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element;
|
|
5
|
+
declare function PopoverAnchor({ ...props }: ComponentProps<typeof PopoverPrimitive.Anchor>): JSX.Element;
|
|
6
|
+
declare function PopoverContent({ align, className, sideOffset, ...props }: ComponentProps<typeof PopoverPrimitive.Content>): JSX.Element;
|
|
7
|
+
declare function PopoverArrow({ className, ...props }: ComponentProps<typeof PopoverPrimitive.Arrow>): JSX.Element;
|
|
8
|
+
export { Popover, PopoverTrigger, PopoverAnchor, PopoverContent, PopoverArrow };
|
|
6
9
|
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAQ3C,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CAE5D;AAMD,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAE/D;AAMD,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAE9D;AAMD,iBAAS,cAAc,CAAC,EACtB,KAAgB,EAChB,SAAS,EACT,UAAc,EACd,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAe/D;AAMD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,CAQ7D;AAMD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gbmtech/aurora-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.23",
|
|
4
4
|
"main": "./dist/cjs/index.cjs",
|
|
5
5
|
"module": "./dist/esm/index.js",
|
|
6
6
|
"types": "./dist/types/index.d.ts",
|
|
@@ -34,40 +34,39 @@
|
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@rsbuild/plugin-react": "^1.
|
|
38
|
-
"@rslib/core": "^0.6.
|
|
37
|
+
"@rsbuild/plugin-react": "^1.3.0",
|
|
38
|
+
"@rslib/core": "^0.6.7",
|
|
39
39
|
"@tailwindcss/postcss": "^4.1.4",
|
|
40
40
|
"@types/node": "^22.14.1",
|
|
41
41
|
"postcss": "^8.5.3",
|
|
42
42
|
"tailwindcss": "^4.1.4",
|
|
43
43
|
"typescript": "^5.8.3",
|
|
44
|
-
"@gbmtech/typescript-config": "0.0.1"
|
|
44
|
+
"@gbmtech/typescript-config": "^0.0.1"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@phosphor-icons/react": "^2.
|
|
48
|
-
"@radix-ui/react-alert-dialog": "^1.1.
|
|
49
|
-
"@radix-ui/react-checkbox": "^1.
|
|
47
|
+
"@phosphor-icons/react": "^2.1.7",
|
|
48
|
+
"@radix-ui/react-alert-dialog": "^1.1.11",
|
|
49
|
+
"@radix-ui/react-checkbox": "^1.2.3",
|
|
50
50
|
"@radix-ui/react-compose-refs": "^1.1.2",
|
|
51
51
|
"@radix-ui/react-context": "^1.1.2",
|
|
52
|
-
"@radix-ui/react-dialog": "^1.1.
|
|
53
|
-
"@radix-ui/react-dropdown-menu": "^2.
|
|
54
|
-
"@radix-ui/react-
|
|
55
|
-
"@radix-ui/react-
|
|
56
|
-
"@radix-ui/react-
|
|
57
|
-
"@radix-ui/react-
|
|
58
|
-
"@radix-ui/react-
|
|
59
|
-
"@radix-ui/react-separator": "^1.1.0",
|
|
52
|
+
"@radix-ui/react-dialog": "^1.1.11",
|
|
53
|
+
"@radix-ui/react-dropdown-menu": "^2.1.12",
|
|
54
|
+
"@radix-ui/react-label": "^2.1.4",
|
|
55
|
+
"@radix-ui/react-popover": "^1.1.11",
|
|
56
|
+
"@radix-ui/react-scroll-area": "^1.2.6",
|
|
57
|
+
"@radix-ui/react-select": "^2.2.2",
|
|
58
|
+
"@radix-ui/react-separator": "^1.1.4",
|
|
60
59
|
"@radix-ui/react-slot": "^1.2.0",
|
|
61
|
-
"@radix-ui/react-switch": "^1.
|
|
62
|
-
"@radix-ui/react-tabs": "^1.
|
|
63
|
-
"@radix-ui/react-tooltip": "^1.
|
|
60
|
+
"@radix-ui/react-switch": "^1.2.2",
|
|
61
|
+
"@radix-ui/react-tabs": "^1.1.9",
|
|
62
|
+
"@radix-ui/react-tooltip": "^1.2.4",
|
|
64
63
|
"@radix-ui/react-visually-hidden": "^1.2.0",
|
|
65
64
|
"clsx": "^2.1.1",
|
|
66
|
-
"cmdk": "^1.
|
|
65
|
+
"cmdk": "^1.1.1",
|
|
67
66
|
"date-fns": "^4.1.0",
|
|
68
|
-
"framer-motion": "^12.
|
|
67
|
+
"framer-motion": "^12.9.1",
|
|
69
68
|
"input-otp": "^1.4.2",
|
|
70
|
-
"react-day-picker": "^9.
|
|
69
|
+
"react-day-picker": "^9.6.7",
|
|
71
70
|
"tailwind-merge": "^3.2.0",
|
|
72
71
|
"tailwind-variants": "^1.0.0",
|
|
73
72
|
"tw-animate-css": "^1.2.8"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker-input.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/time-picker-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,mBAAmB,EAMzB,MAAM,OAAO,CAAA;AAGd,OAAO,EACL,KAAK,cAAc,EAIpB,MAAM,yBAAyB,CAAA;AAGhC,MAAM,WAAW,oBACf,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC7C,MAAM,EAAE,cAAc,CAAA;IACtB,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;IACtB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,QAAA,MAAM,eAAe,mHAmFpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/time-picker.tsx"],"names":[],"mappings":"AAQA,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,GAAG,SAAS,CAAA;IACtB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;CAC1C;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,eAAe,2CAuC5D"}
|