@gbmtech/aurora-ui 0.2.1 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/button.cjs +1 -1
- package/dist/cjs/components/button.cjs.map +1 -1
- package/dist/cjs/components/{date-picker-with-time.cjs → date-time-picker.cjs} +2 -2
- package/dist/cjs/components/date-time-picker.cjs.map +1 -0
- package/dist/cjs/components/select.cjs +1 -1
- package/dist/cjs/components/select.cjs.map +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/data-table/index.js +1 -1
- package/dist/esm/components/date-time-picker.js +3 -0
- package/dist/esm/components/date-time-picker.js.map +1 -0
- package/dist/esm/components/select.js +1 -1
- package/dist/esm/components/select.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/types/components/button.d.ts +2 -2
- package/dist/types/components/button.d.ts.map +1 -1
- package/dist/types/components/{date-picker-with-time.d.ts → date-time-picker.d.ts} +1 -1
- package/dist/types/components/date-time-picker.d.ts.map +1 -0
- package/dist/types/index.d.ts +1 -1
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/components/date-picker-with-time.cjs.map +0 -1
- package/dist/esm/components/date-picker-with-time.js +0 -3
- package/dist/esm/components/date-picker-with-time.js.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,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{buttonVariants:()=>buttonVariants,Button:()=>Button});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_slot_namespaceObject=require("@radix-ui/react-slot"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_spinner_cjs_namespaceObject=require("./spinner.cjs"),buttonVariants=(0,utils_cjs_namespaceObject.tv)({base:"cursor-pointer flex items-center justify-center whitespace-nowrap font-medium
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{buttonVariants:()=>buttonVariants,Button:()=>Button});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_slot_namespaceObject=require("@radix-ui/react-slot"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_spinner_cjs_namespaceObject=require("./spinner.cjs"),buttonVariants=(0,utils_cjs_namespaceObject.tv)({base:"cursor-pointer flex items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gbm-sky disabled:pointer-events-none disabled:opacity-50 max-lg:text-sm",variants:{variant:{primary:"bg-gbm-sky text-white hover:bg-gbm-ocean",secondary:"border border-stroke bg-white text-gbm-dark hover:bg-gray-100",tertiary:"border border-stroke bg-white text-gbm-sky hover:bg-gray-100",outline:"border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white",ghost:"text-gbm-dark hover:border-gbm-blue hover:bg-gray-100",destructive:"bg-rose-600 text-white hover:bg-rose-700",link:"text-gbm-dark underline-offset-2 hover:underline"},size:{xs:"h-8 gap-1.5 px-2.5",sm:"h-10 gap-1.5 px-4",md:"h-12 gap-4 px-6 py-2",lg:"h-14 gap-6 px-8",icon:"h-9 w-9"},rounded:{true:"rounded-full",false:"rounded-md"},loading:{true:"pointer-events-none",false:""}},defaultVariants:{variant:"primary",size:"sm",rounded:!1,loading:!1}});function Button({children:e,className:t,disabled:r,loaderPosition:_,loading:a,prefix:n,size:s,spinner:i,suffix:o,variant:c,asChild:b,rounded:p,...u}){let l=b?react_slot_namespaceObject.Slot:"button";return(0,jsx_runtime_namespaceObject.jsxs)(l,{className:(0,utils_cjs_namespaceObject.cn)(buttonVariants({variant:c,size:s,rounded:p,loading:a,className:t})),"data-slot":"button","data-variant":c,disabled:a||r,type:"button",...u,children:[a&&"prefix"===_?i||(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):n,(0,jsx_runtime_namespaceObject.jsx)(react_slot_namespaceObject.Slottable,{children:a&&!_?(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):e}),a&&"suffix"===_?i||(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}):o]})}for(var __webpack_i__ in Button.displayName="Button",exports.Button=__webpack_exports__.Button,exports.buttonVariants=__webpack_exports__.buttonVariants,__webpack_exports__)-1===["Button","buttonVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
2
2
|
//# sourceMappingURL=button.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\button.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps, 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
|
|
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 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gbm-sky 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 xs: 'h-8 gap-1.5 px-2.5',\r\n sm: 'h-10 gap-1.5 px-4',\r\n md: 'h-12 gap-4 px-6 py-2',\r\n lg: 'h-14 gap-6 px-8',\r\n icon: 'h-9 w-9',\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\nButton.displayName = 'Button'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Button, buttonVariants }\r\n"],"names":["buttonVariants","tv","Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","asChild","rounded","props","Comp","Slot","cn","Spinner","Slottable"],"mappings":"8iCAYMA,eAAiBC,AAAAA,GAAAA,0BAAAA,EAAAA,AAAAA,EAAG,CACxB,KAAM,+OACN,SAAU,CACR,QAAS,CACP,QAAS,2CACT,UACE,gEACF,SAAU,+DACV,QACE,gFACF,MAAO,wDACP,YAAa,2CACb,KAAM,kDACR,EACA,KAAM,CACJ,GAAI,qBACJ,GAAI,oBACJ,GAAI,uBACJ,GAAI,kBACJ,KAAM,SACR,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,yBACAT,OAAO,WAAW,CAAG,S"}
|
|
@@ -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__,{DateTimePicker:()=>DateTimePicker});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),external_date_fns_namespaceObject=require("date-fns"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_calendar_cjs_namespaceObject=require("./calendar.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs"),external_time_picker_cjs_namespaceObject=require("./time-picker.cjs");function DateTimePicker({date:e,placeholder:_,className:r,disabled:a,onChange:t}){let[c,s]=external_react_namespaceObject.useState(e);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:"date",variant:"secondary",className:(0,utils_cjs_namespaceObject.cn)("h-12 w-full justify-between px-4 text-left font-normal hover:bg-transparent",!c&&"text-gray-400",r),disabled:a,children:[c?(0,external_date_fns_namespaceObject.format)(c,"dd/MM/yyyy HH:mm"):(0,jsx_runtime_namespaceObject.jsx)("span",{children:_||"a"}),(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.CalendarBlank,{size:20,className:"ml-2 text-gray-600"})]})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",children:[(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{mode:"single",selected:c,onSelect:e=>{s(e),t?.(e)}}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex justify-center border-stroke border-t p-3",children:(0,jsx_runtime_namespaceObject.jsx)(external_time_picker_cjs_namespaceObject.TimePicker,{setDate:e=>{s(e),t?.(e)},date:c})})]})]})}for(var __webpack_i__ in exports.DateTimePicker=__webpack_exports__.DateTimePicker,__webpack_exports__)-1===["DateTimePicker"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
|
-
//# sourceMappingURL=date-picker
|
|
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__,{DateTimePicker:()=>DateTimePicker});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),ssr_namespaceObject=require("@phosphor-icons/react/dist/ssr"),external_date_fns_namespaceObject=require("date-fns"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_calendar_cjs_namespaceObject=require("./calendar.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs"),external_time_picker_cjs_namespaceObject=require("./time-picker.cjs");function DateTimePicker({date:e,placeholder:_,className:r,disabled:a,onChange:t}){let[c,s]=external_react_namespaceObject.useState(e);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:"date",variant:"secondary",className:(0,utils_cjs_namespaceObject.cn)("h-12 w-full justify-between px-4 text-left font-normal hover:bg-transparent",!c&&"text-gray-400",r),disabled:a,children:[c?(0,external_date_fns_namespaceObject.format)(c,"dd/MM/yyyy HH:mm"):(0,jsx_runtime_namespaceObject.jsx)("span",{children:_||"Selecione a data"}),(0,jsx_runtime_namespaceObject.jsx)(ssr_namespaceObject.CalendarBlank,{size:20,className:"ml-2 text-gray-600"})]})}),(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",children:[(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{mode:"single",selected:c,onSelect:e=>{s(e),t?.(e)}}),(0,jsx_runtime_namespaceObject.jsx)("div",{className:"flex justify-center border-stroke border-t p-3",children:(0,jsx_runtime_namespaceObject.jsx)(external_time_picker_cjs_namespaceObject.TimePicker,{setDate:e=>{s(e),t?.(e)},date:c})})]})]})}for(var __webpack_i__ in exports.DateTimePicker=__webpack_exports__.DateTimePicker,__webpack_exports__)-1===["DateTimePicker"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
|
+
//# sourceMappingURL=date-time-picker.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\date-time-picker.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/date-time-picker.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react/dist/ssr'\r\nimport { format } from 'date-fns'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\nimport { TimePicker } from './time-picker'\r\n\r\ninterface DatePickerProps {\r\n date?: Date\r\n placeholder?: string\r\n className?: string\r\n disabled?: boolean\r\n onChange?: (date: Date | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePicker\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DateTimePicker({\r\n date,\r\n placeholder,\r\n className,\r\n disabled,\r\n onChange,\r\n}: DatePickerProps) {\r\n const [currentDate, setCurrentDate] = React.useState<Date | undefined>(date)\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button\r\n id=\"date\"\r\n variant=\"secondary\"\r\n className={cn(\r\n 'h-12 w-full justify-between px-4 text-left font-normal hover:bg-transparent',\r\n !currentDate && 'text-gray-400',\r\n className\r\n )}\r\n disabled={disabled}\r\n >\r\n {currentDate ? (\r\n format(currentDate, 'dd/MM/yyyy HH:mm')\r\n ) : (\r\n <span>{placeholder || 'Selecione a data'}</span>\r\n )}\r\n\r\n <CalendarBlank size={20} className=\"ml-2 text-gray-600\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\">\r\n <Calendar\r\n mode=\"single\"\r\n selected={currentDate}\r\n onSelect={date => {\r\n setCurrentDate(date)\r\n onChange?.(date)\r\n }}\r\n />\r\n\r\n <div className=\"flex justify-center border-stroke border-t p-3\">\r\n <TimePicker\r\n setDate={date => {\r\n setCurrentDate(date)\r\n onChange?.(date)\r\n }}\r\n date={currentDate}\r\n />\r\n </div>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DateTimePicker }\r\n"],"names":["DateTimePicker","date","placeholder","className","disabled","onChange","currentDate","setCurrentDate","React","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar","TimePicker"],"mappings":";u0CAyBA,SAASA,eAAe,CACtBC,KAAAA,CAAI,CACJC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,SAAAA,CAAQ,CACQ,EAChB,GAAM,CAACC,EAAaC,EAAe,CAAGC,+BAAAA,QAAc,CAAmBP,GAEvE,MACE,qCAACQ,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,YACR,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,8EACA,CAACN,GAAe,gBAChBH,GAEF,SAAUC,E,UAETE,EACCO,GAAAA,kCAAAA,MAAAA,EAAOP,EAAa,oBAEpB,oCAAC,Q,SAAMJ,GAAe,kB,GAGxB,oCAACY,oBAAAA,aAAaA,CAAAA,CAAC,KAAM,GAAI,UAAU,oB,QAGvC,qCAACC,qCAAAA,cAAcA,CAAAA,CAAC,UAAU,a,UACxB,oCAACC,sCAAAA,QAAQA,CAAAA,CACP,KAAK,SACL,SAAUV,EACV,SAAUL,IACRM,EAAeN,GACfI,IAAWJ,EACb,C,GAGF,oCAAC,OAAI,UAAU,iD,SACb,oCAACgB,yCAAAA,UAAUA,CAAAA,CACT,QAAShB,IACPM,EAAeN,GACfI,IAAWJ,EACb,EACA,KAAMK,C,UAMlB,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,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SelectContent:()=>SelectContent,SelectGroup:()=>SelectGroup,SelectValue:()=>SelectValue,Select:()=>Select,SelectSeparator:()=>SelectSeparator,SelectLabel:()=>SelectLabel,SelectTrigger:()=>SelectTrigger,SelectItem:()=>SelectItem});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),react_select_namespaceObject=require("@radix-ui/react-select"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs");function Select({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Root,{"data-slot":"select",...e})}function SelectGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Group,{"data-slot":"select-group",...e})}function SelectValue({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Value,{"data-slot":"select-value",...e})}function SelectTrigger({children:e,className:t,size:a="md",...c}){return(0,jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Trigger,{className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:["w-fit justify-between px-3 font-normal focus:ring-
|
|
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,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SelectContent:()=>SelectContent,SelectGroup:()=>SelectGroup,SelectValue:()=>SelectValue,Select:()=>Select,SelectSeparator:()=>SelectSeparator,SelectLabel:()=>SelectLabel,SelectTrigger:()=>SelectTrigger,SelectItem:()=>SelectItem});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),react_select_namespaceObject=require("@radix-ui/react-select"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs");function Select({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Root,{"data-slot":"select",...e})}function SelectGroup({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Group,{"data-slot":"select-group",...e})}function SelectValue({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Value,{"data-slot":"select-value",...e})}function SelectTrigger({children:e,className:t,size:a="md",...c}){return(0,jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Trigger,{className:(0,external_button_cjs_namespaceObject.buttonVariants)({className:["w-fit justify-between px-3 font-normal focus:ring-1 focus:ring-gbm-sky/50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate [&_svg:not([class*='text-'])]:text-gray-400",t],size:a,variant:"secondary"}),"data-size":a,"data-slot":"select-trigger",...c,children:[e,(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Icon,{asChild:!0,className:"size-4 shrink-0 opacity-50",children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDown,{})})]})}function SelectScrollUpButton({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ScrollUpButton,{className:(0,utils_cjs_namespaceObject.cn)("flex items-center justify-center py-1 text-gray-600",e),"data-slot":"select-scroll-up-button",...t,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretUp,{size:16})})}function SelectScrollDownButton({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ScrollDownButton,{className:(0,utils_cjs_namespaceObject.cn)("flex items-center justify-center py-1 text-gray-600",e),"data-slot":"select-scroll-down-button",...t,children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CaretDown,{size:16})})}function SelectContent({children:e,className:t,position:a="popper",...c}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Portal,{children:(0,jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Content,{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 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-background text-gbm-dark shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in","popper"===a&&"data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1",t),"data-slot":"select-content",position:a,...c,children:[(0,jsx_runtime_namespaceObject.jsx)(SelectScrollUpButton,{}),(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Viewport,{className:(0,utils_cjs_namespaceObject.cn)("p-1","popper"===a&&"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),children:e}),(0,jsx_runtime_namespaceObject.jsx)(SelectScrollDownButton,{})]})})}function SelectLabel({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Label,{className:(0,utils_cjs_namespaceObject.cn)("flex items-center gap-x-2 px-2 py-1.5 font-semibold text-sm",e),"data-slot":"select-label",...t})}function SelectItem({children:e,className:t,...a}){return(0,jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Item,{className:(0,utils_cjs_namespaceObject.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-2 pr-8 pl-2 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-black aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-gray-600 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",t),"data-slot":"select-item",...a,children:[(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute right-2 flex items-center justify-center",children:(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ItemIndicator,{children:(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.Check,{className:"size-4"})})}),(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.ItemText,{children:e})]})}function SelectSeparator({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_select_namespaceObject.Separator,{className:(0,utils_cjs_namespaceObject.cn)("mx-2 my-1 h-px bg-stroke",e),"data-slot":"select-separator",...t})}for(var __webpack_i__ in exports.Select=__webpack_exports__.Select,exports.SelectContent=__webpack_exports__.SelectContent,exports.SelectGroup=__webpack_exports__.SelectGroup,exports.SelectItem=__webpack_exports__.SelectItem,exports.SelectLabel=__webpack_exports__.SelectLabel,exports.SelectSeparator=__webpack_exports__.SelectSeparator,exports.SelectTrigger=__webpack_exports__.SelectTrigger,exports.SelectValue=__webpack_exports__.SelectValue,__webpack_exports__)-1===["Select","SelectContent","SelectGroup","SelectItem","SelectLabel","SelectSeparator","SelectTrigger","SelectValue"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
3
|
//# sourceMappingURL=select.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\select.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/select.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDown, CaretUp, Check } from '@phosphor-icons/react'\r\nimport * as SelectPrimitive from '@radix-ui/react-select'\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: Select\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Select({\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Root>): JSX.Element {\r\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectGroup({\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Group>): JSX.Element {\r\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectValue\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectValue({\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Value>): JSX.Element {\r\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectTrigger({\r\n children,\r\n className,\r\n size = 'md',\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Trigger> & {\r\n size?: VariantProps<typeof buttonVariants>['size']\r\n}): JSX.Element {\r\n return (\r\n <SelectPrimitive.Trigger\r\n className={buttonVariants({\r\n className: [\r\n \"w-fit justify-between px-3 font-normal focus:ring-3 focus:ring-gbm-sky/50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate [&_svg:not([class*='text-'])]:text-gray-400\",\r\n className,\r\n ],\r\n size,\r\n variant: 'secondary',\r\n })}\r\n data-size={size}\r\n data-slot=\"select-trigger\"\r\n {...props}\r\n >\r\n {children}\r\n <SelectPrimitive.Icon asChild className=\"size-4 shrink-0 opacity-50\">\r\n <CaretDown />\r\n </SelectPrimitive.Icon>\r\n </SelectPrimitive.Trigger>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectScrollUpButton\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectScrollUpButton({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.ScrollUpButton>): JSX.Element {\r\n return (\r\n <SelectPrimitive.ScrollUpButton\r\n className={cn(\r\n 'flex items-center justify-center py-1 text-gray-600',\r\n className\r\n )}\r\n data-slot=\"select-scroll-up-button\"\r\n {...props}\r\n >\r\n <CaretUp size={16} />\r\n </SelectPrimitive.ScrollUpButton>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectScrollDownButton\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectScrollDownButton({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.ScrollDownButton>): JSX.Element {\r\n return (\r\n <SelectPrimitive.ScrollDownButton\r\n className={cn(\r\n 'flex items-center justify-center py-1 text-gray-600',\r\n className\r\n )}\r\n data-slot=\"select-scroll-down-button\"\r\n {...props}\r\n >\r\n <CaretDown size={16} />\r\n </SelectPrimitive.ScrollDownButton>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectContent({\r\n children,\r\n className,\r\n position = 'popper',\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Content>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Portal>\r\n <SelectPrimitive.Content\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 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-background text-gbm-dark shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n position === 'popper' &&\r\n 'data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1',\r\n className\r\n )}\r\n data-slot=\"select-content\"\r\n position={position}\r\n {...props}\r\n >\r\n <SelectScrollUpButton />\r\n <SelectPrimitive.Viewport\r\n className={cn(\r\n 'p-1',\r\n position === 'popper' &&\r\n 'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)'\r\n )}\r\n >\r\n {children}\r\n </SelectPrimitive.Viewport>\r\n <SelectScrollDownButton />\r\n </SelectPrimitive.Content>\r\n </SelectPrimitive.Portal>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectLabel({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Label>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Label\r\n className={cn(\r\n 'flex items-center gap-x-2 px-2 py-1.5 font-semibold text-sm',\r\n className\r\n )}\r\n data-slot=\"select-label\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectItem({\r\n children,\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Item>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Item\r\n className={cn(\r\n \"relative flex w-full cursor-default select-none items-center rounded-sm py-2 pr-8 pl-2 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-black aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-gray-600 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\r\n className\r\n )}\r\n data-slot=\"select-item\"\r\n {...props}\r\n >\r\n <span className=\"absolute right-2 flex items-center justify-center\">\r\n <SelectPrimitive.ItemIndicator>\r\n <Check className=\"size-4\" />\r\n </SelectPrimitive.ItemIndicator>\r\n </span>\r\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n </SelectPrimitive.Item>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Separator>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Separator\r\n className={cn('mx-2 my-1 h-px bg-stroke', className)}\r\n data-slot=\"select-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Select,\r\n SelectGroup,\r\n SelectValue,\r\n SelectTrigger,\r\n SelectContent,\r\n SelectLabel,\r\n SelectItem,\r\n SelectSeparator,\r\n}\r\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","children","className","size","buttonVariants","CaretDown","SelectScrollUpButton","cn","CaretUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components\\select.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/select.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDown, CaretUp, Check } from '@phosphor-icons/react'\r\nimport * as SelectPrimitive from '@radix-ui/react-select'\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: Select\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Select({\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Root>): JSX.Element {\r\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectGroup({\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Group>): JSX.Element {\r\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectValue\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectValue({\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Value>): JSX.Element {\r\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectTrigger({\r\n children,\r\n className,\r\n size = 'md',\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Trigger> & {\r\n size?: VariantProps<typeof buttonVariants>['size']\r\n}): JSX.Element {\r\n return (\r\n <SelectPrimitive.Trigger\r\n className={buttonVariants({\r\n className: [\r\n \"w-fit justify-between px-3 font-normal focus:ring-1 focus:ring-gbm-sky/50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate [&_svg:not([class*='text-'])]:text-gray-400\",\r\n className,\r\n ],\r\n size,\r\n variant: 'secondary',\r\n })}\r\n data-size={size}\r\n data-slot=\"select-trigger\"\r\n {...props}\r\n >\r\n {children}\r\n <SelectPrimitive.Icon asChild className=\"size-4 shrink-0 opacity-50\">\r\n <CaretDown />\r\n </SelectPrimitive.Icon>\r\n </SelectPrimitive.Trigger>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectScrollUpButton\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectScrollUpButton({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.ScrollUpButton>): JSX.Element {\r\n return (\r\n <SelectPrimitive.ScrollUpButton\r\n className={cn(\r\n 'flex items-center justify-center py-1 text-gray-600',\r\n className\r\n )}\r\n data-slot=\"select-scroll-up-button\"\r\n {...props}\r\n >\r\n <CaretUp size={16} />\r\n </SelectPrimitive.ScrollUpButton>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectScrollDownButton\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectScrollDownButton({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.ScrollDownButton>): JSX.Element {\r\n return (\r\n <SelectPrimitive.ScrollDownButton\r\n className={cn(\r\n 'flex items-center justify-center py-1 text-gray-600',\r\n className\r\n )}\r\n data-slot=\"select-scroll-down-button\"\r\n {...props}\r\n >\r\n <CaretDown size={16} />\r\n </SelectPrimitive.ScrollDownButton>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectContent({\r\n children,\r\n className,\r\n position = 'popper',\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Content>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Portal>\r\n <SelectPrimitive.Content\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 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-background text-gbm-dark shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n position === 'popper' &&\r\n 'data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1',\r\n className\r\n )}\r\n data-slot=\"select-content\"\r\n position={position}\r\n {...props}\r\n >\r\n <SelectScrollUpButton />\r\n <SelectPrimitive.Viewport\r\n className={cn(\r\n 'p-1',\r\n position === 'popper' &&\r\n 'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)'\r\n )}\r\n >\r\n {children}\r\n </SelectPrimitive.Viewport>\r\n <SelectScrollDownButton />\r\n </SelectPrimitive.Content>\r\n </SelectPrimitive.Portal>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectLabel({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Label>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Label\r\n className={cn(\r\n 'flex items-center gap-x-2 px-2 py-1.5 font-semibold text-sm',\r\n className\r\n )}\r\n data-slot=\"select-label\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectItem({\r\n children,\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Item>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Item\r\n className={cn(\r\n \"relative flex w-full cursor-default select-none items-center rounded-sm py-2 pr-8 pl-2 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-black aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-gray-600 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\r\n className\r\n )}\r\n data-slot=\"select-item\"\r\n {...props}\r\n >\r\n <span className=\"absolute right-2 flex items-center justify-center\">\r\n <SelectPrimitive.ItemIndicator>\r\n <Check className=\"size-4\" />\r\n </SelectPrimitive.ItemIndicator>\r\n </span>\r\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n </SelectPrimitive.Item>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Separator>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Separator\r\n className={cn('mx-2 my-1 h-px bg-stroke', className)}\r\n data-slot=\"select-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Select,\r\n SelectGroup,\r\n SelectValue,\r\n SelectTrigger,\r\n SelectContent,\r\n SelectLabel,\r\n SelectItem,\r\n SelectSeparator,\r\n}\r\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","children","className","size","buttonVariants","CaretDown","SelectScrollUpButton","cn","CaretUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":"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"}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"./components/alert-dialog":function(e){e.exports=require("./components/alert-dialog.cjs")},"./components/breadcrumb":function(e){e.exports=require("./components/breadcrumb.cjs")},"./components/button":function(e){e.exports=require("./components/button.cjs")},"./components/calendar":function(e){e.exports=require("./components/calendar.cjs")},"./components/checkbox":function(e){e.exports=require("./components/checkbox.cjs")},"./components/combobox":function(e){e.exports=require("./components/combobox.cjs")},"./components/data-table":function(e){e.exports=require("./components/data-table/index.cjs")},"./components/date-picker-with-range":function(e){e.exports=require("./components/date-picker-with-range.cjs")},"./components/date-picker-with-time":function(e){e.exports=require("./components/date-picker-with-time.cjs")},"./components/date-picker":function(e){e.exports=require("./components/date-picker.cjs")},"./components/date-time-picker-with-range":function(e){e.exports=require("./components/date-time-picker-with-range.cjs")},"./components/dialog":function(e){e.exports=require("./components/dialog.cjs")},"./components/dropdown-menu":function(e){e.exports=require("./components/dropdown-menu.cjs")},"./components/form":function(e){e.exports=require("./components/form.cjs")},"./components/input-otp":function(e){e.exports=require("./components/input-otp.cjs")},"./components/input-password":function(e){e.exports=require("./components/input-password.cjs")},"./components/input":function(e){e.exports=require("./components/input.cjs")},"./components/label":function(e){e.exports=require("./components/label.cjs")},"./components/mask-input":function(e){e.exports=require("./components/mask-input.cjs")},"./components/multi-select":function(e){e.exports=require("./components/multi-select.cjs")},"./components/page-layout":function(e){e.exports=require("./components/page-layout/index.cjs")},"./components/pagination":function(e){e.exports=require("./components/pagination.cjs")},"./components/radio-group":function(e){e.exports=require("./components/radio-group.cjs")},"./components/scroll-area":function(e){e.exports=require("./components/scroll-area.cjs")},"./components/select":function(e){e.exports=require("./components/select.cjs")},"./components/separator":function(e){e.exports=require("./components/separator.cjs")},"./components/skeleton":function(e){e.exports=require("./components/skeleton.cjs")},"./components/spinner":function(e){e.exports=require("./components/spinner.cjs")},"./components/switch":function(e){e.exports=require("./components/switch.cjs")},"./components/table-expandable":function(e){e.exports=require("./components/table-expandable.cjs")},"./components/table":function(e){e.exports=require("./components/table.cjs")},"./components/tabs":function(e){e.exports=require("./components/tabs/index.cjs")},"./components/textarea":function(e){e.exports=require("./components/textarea.cjs")},"./components/title":function(e){e.exports=require("./components/title.cjs")},"./components/tokens-grid":function(e){e.exports=require("./components/tokens-grid.cjs")},"./components/tooltip":function(e){e.exports=require("./components/tooltip.cjs")},"@/hooks/use-data-table":function(e){e.exports=require("./hooks/use-data-table.cjs")},"@/lib/format":function(e){e.exports=require("./lib/format.cjs")},"@/lib/utils":function(e){e.exports=require("./lib/utils.cjs")},"@/utils/phosphor-icon-map":function(e){e.exports=require("./utils/phosphor-icon-map.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var e=__webpack_require__("./components/alert-dialog"),_={};for(var r in e)"default"!==r&&(_[r]=(function(_){return e[_]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var n=__webpack_require__("./components/dialog"),_={};for(var r in n)"default"!==r&&(_[r]=(function(e){return n[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var o=__webpack_require__("./components/button"),_={};for(var r in o)"default"!==r&&(_[r]=(function(e){return o[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var t=__webpack_require__("./components/input-password"),_={};for(var r in t)"default"!==r&&(_[r]=(function(e){return t[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var c=__webpack_require__("./components/input"),_={};for(var r in c)"default"!==r&&(_[r]=(function(e){return c[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var p=__webpack_require__("./components/tokens-grid"),_={};for(var r in p)"default"!==r&&(_[r]=(function(e){return p[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var i=__webpack_require__("./components/tooltip"),_={};for(var r in i)"default"!==r&&(_[r]=(function(e){return i[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var a=__webpack_require__("./components/switch"),_={};for(var r in a)"default"!==r&&(_[r]=(function(e){return a[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var u=__webpack_require__("./components/label"),_={};for(var r in u)"default"!==r&&(_[r]=(function(e){return u[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var s=__webpack_require__("./components/checkbox"),_={};for(var r in s)"default"!==r&&(_[r]=(function(e){return s[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var b=__webpack_require__("./components/breadcrumb"),_={};for(var r in b)"default"!==r&&(_[r]=(function(e){return b[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var d=__webpack_require__("./components/tabs"),_={};for(var r in d)"default"!==r&&(_[r]=(function(e){return d[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var f=__webpack_require__("./components/form"),_={};for(var r in f)"default"!==r&&(_[r]=(function(e){return f[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var k=__webpack_require__("./components/dropdown-menu"),_={};for(var r in k)"default"!==r&&(_[r]=(function(e){return k[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var w=__webpack_require__("./components/multi-select"),_={};for(var r in w)"default"!==r&&(_[r]=(function(e){return w[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var m=__webpack_require__("./components/select"),_={};for(var r in m)"default"!==r&&(_[r]=(function(e){return m[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var l=__webpack_require__("./components/table"),_={};for(var r in l)"default"!==r&&(_[r]=(function(e){return l[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var q=__webpack_require__("./components/table-expandable"),_={};for(var r in q)"default"!==r&&(_[r]=(function(e){return q[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var x=__webpack_require__("./components/textarea"),_={};for(var r in x)"default"!==r&&(_[r]=(function(e){return x[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var v=__webpack_require__("./components/calendar"),_={};for(var r in v)"default"!==r&&(_[r]=(function(e){return v[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var j=__webpack_require__("./components/date-picker"),_={};for(var r in j)"default"!==r&&(_[r]=(function(e){return j[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var h=__webpack_require__("./components/date-picker-with-range"),_={};for(var r in h)"default"!==r&&(_[r]=(function(e){return h[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var g=__webpack_require__("./components/date-picker-with-time"),_={};for(var r in g)"default"!==r&&(_[r]=(function(e){return g[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var y=__webpack_require__("./components/date-time-picker-with-range"),_={};for(var r in y)"default"!==r&&(_[r]=(function(e){return y[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var S=__webpack_require__("./components/title"),_={};for(var r in S)"default"!==r&&(_[r]=(function(e){return S[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var O=__webpack_require__("./components/page-layout"),_={};for(var r in O)"default"!==r&&(_[r]=(function(e){return O[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var P=__webpack_require__("./components/pagination"),_={};for(var r in P)"default"!==r&&(_[r]=(function(e){return P[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var M=__webpack_require__("./components/skeleton"),_={};for(var r in M)"default"!==r&&(_[r]=(function(e){return M[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var R=__webpack_require__("./components/separator"),_={};for(var r in R)"default"!==r&&(_[r]=(function(e){return R[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var U=__webpack_require__("./components/input-otp"),_={};for(var r in U)"default"!==r&&(_[r]=(function(e){return U[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var L=__webpack_require__("./components/combobox"),_={};for(var r in L)"default"!==r&&(_[r]=(function(e){return L[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var T=__webpack_require__("./components/mask-input"),_={};for(var r in T)"default"!==r&&(_[r]=(function(e){return T[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var I=__webpack_require__("./components/scroll-area"),_={};for(var r in I)"default"!==r&&(_[r]=(function(e){return I[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var z=__webpack_require__("./components/data-table"),_={};for(var r in z)"default"!==r&&(_[r]=(function(e){return z[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var A=__webpack_require__("./components/spinner"),_={};for(var r in A)"default"!==r&&(_[r]=(function(e){return A[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var B=__webpack_require__("./components/radio-group"),_={};for(var r in B)"default"!==r&&(_[r]=(function(e){return B[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var C=__webpack_require__("@/utils/phosphor-icon-map"),_={};for(var r in C)"default"!==r&&(_[r]=(function(e){return C[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var D=__webpack_require__("@/lib/utils"),_={};for(var r in D)"default"!==r&&(_[r]=(function(e){return D[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var E=__webpack_require__("@/lib/format"),_={};for(var r in E)"default"!==r&&(_[r]=(function(e){return E[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var F=__webpack_require__("@/hooks/use-data-table"),_={};for(var r in F)"default"!==r&&(_[r]=(function(e){return F[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
1
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_modules__={"./components/alert-dialog":function(e){e.exports=require("./components/alert-dialog.cjs")},"./components/breadcrumb":function(e){e.exports=require("./components/breadcrumb.cjs")},"./components/button":function(e){e.exports=require("./components/button.cjs")},"./components/calendar":function(e){e.exports=require("./components/calendar.cjs")},"./components/checkbox":function(e){e.exports=require("./components/checkbox.cjs")},"./components/combobox":function(e){e.exports=require("./components/combobox.cjs")},"./components/data-table":function(e){e.exports=require("./components/data-table/index.cjs")},"./components/date-picker-with-range":function(e){e.exports=require("./components/date-picker-with-range.cjs")},"./components/date-picker":function(e){e.exports=require("./components/date-picker.cjs")},"./components/date-time-picker-with-range":function(e){e.exports=require("./components/date-time-picker-with-range.cjs")},"./components/date-time-picker":function(e){e.exports=require("./components/date-time-picker.cjs")},"./components/dialog":function(e){e.exports=require("./components/dialog.cjs")},"./components/dropdown-menu":function(e){e.exports=require("./components/dropdown-menu.cjs")},"./components/form":function(e){e.exports=require("./components/form.cjs")},"./components/input-otp":function(e){e.exports=require("./components/input-otp.cjs")},"./components/input-password":function(e){e.exports=require("./components/input-password.cjs")},"./components/input":function(e){e.exports=require("./components/input.cjs")},"./components/label":function(e){e.exports=require("./components/label.cjs")},"./components/mask-input":function(e){e.exports=require("./components/mask-input.cjs")},"./components/multi-select":function(e){e.exports=require("./components/multi-select.cjs")},"./components/page-layout":function(e){e.exports=require("./components/page-layout/index.cjs")},"./components/pagination":function(e){e.exports=require("./components/pagination.cjs")},"./components/radio-group":function(e){e.exports=require("./components/radio-group.cjs")},"./components/scroll-area":function(e){e.exports=require("./components/scroll-area.cjs")},"./components/select":function(e){e.exports=require("./components/select.cjs")},"./components/separator":function(e){e.exports=require("./components/separator.cjs")},"./components/skeleton":function(e){e.exports=require("./components/skeleton.cjs")},"./components/spinner":function(e){e.exports=require("./components/spinner.cjs")},"./components/switch":function(e){e.exports=require("./components/switch.cjs")},"./components/table-expandable":function(e){e.exports=require("./components/table-expandable.cjs")},"./components/table":function(e){e.exports=require("./components/table.cjs")},"./components/tabs":function(e){e.exports=require("./components/tabs/index.cjs")},"./components/textarea":function(e){e.exports=require("./components/textarea.cjs")},"./components/title":function(e){e.exports=require("./components/title.cjs")},"./components/tokens-grid":function(e){e.exports=require("./components/tokens-grid.cjs")},"./components/tooltip":function(e){e.exports=require("./components/tooltip.cjs")},"@/hooks/use-data-table":function(e){e.exports=require("./hooks/use-data-table.cjs")},"@/lib/format":function(e){e.exports=require("./lib/format.cjs")},"@/lib/utils":function(e){e.exports=require("./lib/utils.cjs")},"@/utils/phosphor-icon-map":function(e){e.exports=require("./utils/phosphor-icon-map.cjs")}},__webpack_module_cache__={};function __webpack_require__(e){var _=__webpack_module_cache__[e];if(void 0!==_)return _.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](r,r.exports,__webpack_require__),r.exports}__webpack_require__.n=e=>{var _=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(_,{a:_}),_},__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};for(var __webpack_i__ in(()=>{__webpack_require__.r(__webpack_exports__);var e=__webpack_require__("./components/alert-dialog"),_={};for(var r in e)"default"!==r&&(_[r]=(function(_){return e[_]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var n=__webpack_require__("./components/dialog"),_={};for(var r in n)"default"!==r&&(_[r]=(function(e){return n[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var o=__webpack_require__("./components/button"),_={};for(var r in o)"default"!==r&&(_[r]=(function(e){return o[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var t=__webpack_require__("./components/input-password"),_={};for(var r in t)"default"!==r&&(_[r]=(function(e){return t[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var c=__webpack_require__("./components/input"),_={};for(var r in c)"default"!==r&&(_[r]=(function(e){return c[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var p=__webpack_require__("./components/tokens-grid"),_={};for(var r in p)"default"!==r&&(_[r]=(function(e){return p[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var a=__webpack_require__("./components/tooltip"),_={};for(var r in a)"default"!==r&&(_[r]=(function(e){return a[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var i=__webpack_require__("./components/switch"),_={};for(var r in i)"default"!==r&&(_[r]=(function(e){return i[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var u=__webpack_require__("./components/label"),_={};for(var r in u)"default"!==r&&(_[r]=(function(e){return u[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var s=__webpack_require__("./components/checkbox"),_={};for(var r in s)"default"!==r&&(_[r]=(function(e){return s[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var b=__webpack_require__("./components/breadcrumb"),_={};for(var r in b)"default"!==r&&(_[r]=(function(e){return b[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var d=__webpack_require__("./components/tabs"),_={};for(var r in d)"default"!==r&&(_[r]=(function(e){return d[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var f=__webpack_require__("./components/form"),_={};for(var r in f)"default"!==r&&(_[r]=(function(e){return f[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var k=__webpack_require__("./components/dropdown-menu"),_={};for(var r in k)"default"!==r&&(_[r]=(function(e){return k[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var w=__webpack_require__("./components/multi-select"),_={};for(var r in w)"default"!==r&&(_[r]=(function(e){return w[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var m=__webpack_require__("./components/select"),_={};for(var r in m)"default"!==r&&(_[r]=(function(e){return m[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var l=__webpack_require__("./components/table"),_={};for(var r in l)"default"!==r&&(_[r]=(function(e){return l[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var q=__webpack_require__("./components/table-expandable"),_={};for(var r in q)"default"!==r&&(_[r]=(function(e){return q[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var x=__webpack_require__("./components/textarea"),_={};for(var r in x)"default"!==r&&(_[r]=(function(e){return x[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var v=__webpack_require__("./components/calendar"),_={};for(var r in v)"default"!==r&&(_[r]=(function(e){return v[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var j=__webpack_require__("./components/date-picker"),_={};for(var r in j)"default"!==r&&(_[r]=(function(e){return j[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var g=__webpack_require__("./components/date-picker-with-range"),_={};for(var r in g)"default"!==r&&(_[r]=(function(e){return g[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var h=__webpack_require__("./components/date-time-picker"),_={};for(var r in h)"default"!==r&&(_[r]=(function(e){return h[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var y=__webpack_require__("./components/date-time-picker-with-range"),_={};for(var r in y)"default"!==r&&(_[r]=(function(e){return y[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var S=__webpack_require__("./components/title"),_={};for(var r in S)"default"!==r&&(_[r]=(function(e){return S[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var O=__webpack_require__("./components/page-layout"),_={};for(var r in O)"default"!==r&&(_[r]=(function(e){return O[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var P=__webpack_require__("./components/pagination"),_={};for(var r in P)"default"!==r&&(_[r]=(function(e){return P[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var M=__webpack_require__("./components/skeleton"),_={};for(var r in M)"default"!==r&&(_[r]=(function(e){return M[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var R=__webpack_require__("./components/separator"),_={};for(var r in R)"default"!==r&&(_[r]=(function(e){return R[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var U=__webpack_require__("./components/input-otp"),_={};for(var r in U)"default"!==r&&(_[r]=(function(e){return U[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var L=__webpack_require__("./components/combobox"),_={};for(var r in L)"default"!==r&&(_[r]=(function(e){return L[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var T=__webpack_require__("./components/mask-input"),_={};for(var r in T)"default"!==r&&(_[r]=(function(e){return T[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var I=__webpack_require__("./components/scroll-area"),_={};for(var r in I)"default"!==r&&(_[r]=(function(e){return I[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var z=__webpack_require__("./components/data-table"),_={};for(var r in z)"default"!==r&&(_[r]=(function(e){return z[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var A=__webpack_require__("./components/spinner"),_={};for(var r in A)"default"!==r&&(_[r]=(function(e){return A[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var B=__webpack_require__("./components/radio-group"),_={};for(var r in B)"default"!==r&&(_[r]=(function(e){return B[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var C=__webpack_require__("@/utils/phosphor-icon-map"),_={};for(var r in C)"default"!==r&&(_[r]=(function(e){return C[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var D=__webpack_require__("@/lib/utils"),_={};for(var r in D)"default"!==r&&(_[r]=(function(e){return D[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var E=__webpack_require__("@/lib/format"),_={};for(var r in E)"default"!==r&&(_[r]=(function(e){return E[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_);var F=__webpack_require__("@/hooks/use-data-table"),_={};for(var r in F)"default"!==r&&(_[r]=(function(e){return F[e]}).bind(0,r));__webpack_require__.d(__webpack_exports__,_)})(),__webpack_exports__)exports[__webpack_i__]=__webpack_exports__[__webpack_i__];Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react/jsx-runtime";import*as t from"@radix-ui/react-slot";import*as r from"../lib/utils.js";import*as o from"./spinner.js";let i=(0,r.tv)({base:"cursor-pointer flex items-center justify-center whitespace-nowrap font-medium
|
|
1
|
+
import*as e from"react/jsx-runtime";import*as t from"@radix-ui/react-slot";import*as r from"../lib/utils.js";import*as o from"./spinner.js";let i=(0,r.tv)({base:"cursor-pointer flex items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gbm-sky disabled:pointer-events-none disabled:opacity-50 max-lg:text-sm",variants:{variant:{primary:"bg-gbm-sky text-white hover:bg-gbm-ocean",secondary:"border border-stroke bg-white text-gbm-dark hover:bg-gray-100",tertiary:"border border-stroke bg-white text-gbm-sky hover:bg-gray-100",outline:"border border-gbm-sky bg-white text-gbm-sky hover:bg-gbm-sky hover:text-white",ghost:"text-gbm-dark hover:border-gbm-blue hover:bg-gray-100",destructive:"bg-rose-600 text-white hover:bg-rose-700",link:"text-gbm-dark underline-offset-2 hover:underline"},size:{xs:"h-8 gap-1.5 px-2.5",sm:"h-10 gap-1.5 px-4",md:"h-12 gap-4 px-6 py-2",lg:"h-14 gap-6 px-8",icon:"h-9 w-9"},rounded:{true:"rounded-full",false:"rounded-md"},loading:{true:"pointer-events-none",false:""}},defaultVariants:{variant:"primary",size:"sm",rounded:!1,loading:!1}});function s({children:s,className:n,disabled:a,loaderPosition:b,loading:d,prefix:g,size:l,spinner:m,suffix:u,variant:p,asChild:x,rounded:h,...c}){let f=x?t.Slot:"button";return(0,e.jsxs)(f,{className:(0,r.cn)(i({variant:p,size:l,rounded:h,loading:d,className:n})),"data-slot":"button","data-variant":p,disabled:d||a,type:"button",...c,children:[d&&"prefix"===b?m||(0,e.jsx)(o.Spinner,{}):g,(0,e.jsx)(t.Slottable,{children:d&&!b?(0,e.jsx)(o.Spinner,{}):s}),d&&"suffix"===b?m||(0,e.jsx)(o.Spinner,{}):u]})}s.displayName="Button";export{s as Button,i as buttonVariants};
|
|
2
2
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\button.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot'\r\nimport { ComponentProps, 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
|
|
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 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gbm-sky 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 xs: 'h-8 gap-1.5 px-2.5',\r\n sm: 'h-10 gap-1.5 px-4',\r\n md: 'h-12 gap-4 px-6 py-2',\r\n lg: 'h-14 gap-6 px-8',\r\n icon: 'h-9 w-9',\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\nButton.displayName = 'Button'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { Button, buttonVariants }\r\n"],"names":["buttonVariants","tv","Button","children","className","disabled","loaderPosition","loading","prefix","size","spinner","suffix","variant","asChild","rounded","props","Comp","Slot","cn","Spinner","Slottable"],"mappings":"4IAYA,IAAMA,EAAiBC,AAAAA,GAAAA,EAAAA,EAAAA,AAAAA,EAAG,CACxB,KAAM,+OACN,SAAU,CACR,QAAS,CACP,QAAS,2CACT,UACE,gEACF,SAAU,+DACV,QACE,gFACF,MAAO,wDACP,YAAa,2CACb,KAAM,kDACR,EACA,KAAM,CACJ,GAAI,qBACJ,GAAI,oBACJ,GAAI,uBACJ,GAAI,kBACJ,KAAM,SACR,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,CACAT,EAAO,WAAW,CAAG,gB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export*from"./data-table-action-bar.js";export*from"./data-table-advanced-toolbar.js";export*from"./data-table-column-header.js";export*from"./data-table-date-filter.js";export*from"./data-table-faceted-filter.js";export*from"./data-table-filter-list.js";export*from"./data-table-filter-menu.js";export*from"./data-table-pagination.js";export*from"./data-table-range-filter.js";export*from"./data-table-skeleton.js";export*from"./data-table-slider-filter.js";export*from"./data-table-sort-list.js";export*from"./data-table-toolbar.js";export*from"./data-table-view-options.
|
|
1
|
+
import*as t from"./data-table-view-options.js";export*from"./data-table-action-bar.js";export*from"./data-table-advanced-toolbar.js";export*from"./data-table-column-header.js";export*from"./data-table-date-filter.js";export*from"./data-table-faceted-filter.js";export*from"./data-table-filter-list.js";export*from"./data-table-filter-menu.js";export*from"./data-table-pagination.js";export*from"./data-table-range-filter.js";export*from"./data-table-skeleton.js";export*from"./data-table-slider-filter.js";export*from"./data-table-sort-list.js";export*from"./data-table-toolbar.js";export*from"./data-table.js";var a={"@/components/data-table/data-table-view-options":function(a){a.exports=t}},e={};!function t(o){var r=e[o];if(void 0!==r)return r.exports;var l=e[o]={exports:{}};return a[o](l,l.exports,t),l.exports}("@/components/data-table/data-table-view-options");
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
'use client'
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as r from"@phosphor-icons/react/dist/ssr";import*as t from"date-fns";import*as s from"react";import*as a from"../lib/utils.js";import*as o from"./button.js";import*as i from"./calendar.js";import*as n from"./popover.js";import*as m from"./time-picker.js";function l({date:l,placeholder:d,className:c,disabled:p,onChange:f}){let[j,x]=s.useState(l);return(0,e.jsxs)(n.Popover,{children:[(0,e.jsx)(n.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(o.Button,{id:"date",variant:"secondary",className:(0,a.cn)("h-12 w-full justify-between px-4 text-left font-normal hover:bg-transparent",!j&&"text-gray-400",c),disabled:p,children:[j?(0,t.format)(j,"dd/MM/yyyy HH:mm"):(0,e.jsx)("span",{children:d||"Selecione a data"}),(0,e.jsx)(r.CalendarBlank,{size:20,className:"ml-2 text-gray-600"})]})}),(0,e.jsxs)(n.PopoverContent,{className:"w-auto p-0",children:[(0,e.jsx)(i.Calendar,{mode:"single",selected:j,onSelect:e=>{x(e),f?.(e)}}),(0,e.jsx)("div",{className:"flex justify-center border-stroke border-t p-3",children:(0,e.jsx)(m.TimePicker,{setDate:e=>{x(e),f?.(e)},date:j})})]})]})}export{l as DateTimePicker};
|
|
3
|
+
//# sourceMappingURL=date-time-picker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components\\date-time-picker.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/date-time-picker.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react/dist/ssr'\r\nimport { format } from 'date-fns'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\nimport { TimePicker } from './time-picker'\r\n\r\ninterface DatePickerProps {\r\n date?: Date\r\n placeholder?: string\r\n className?: string\r\n disabled?: boolean\r\n onChange?: (date: Date | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePicker\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DateTimePicker({\r\n date,\r\n placeholder,\r\n className,\r\n disabled,\r\n onChange,\r\n}: DatePickerProps) {\r\n const [currentDate, setCurrentDate] = React.useState<Date | undefined>(date)\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button\r\n id=\"date\"\r\n variant=\"secondary\"\r\n className={cn(\r\n 'h-12 w-full justify-between px-4 text-left font-normal hover:bg-transparent',\r\n !currentDate && 'text-gray-400',\r\n className\r\n )}\r\n disabled={disabled}\r\n >\r\n {currentDate ? (\r\n format(currentDate, 'dd/MM/yyyy HH:mm')\r\n ) : (\r\n <span>{placeholder || 'Selecione a data'}</span>\r\n )}\r\n\r\n <CalendarBlank size={20} className=\"ml-2 text-gray-600\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\">\r\n <Calendar\r\n mode=\"single\"\r\n selected={currentDate}\r\n onSelect={date => {\r\n setCurrentDate(date)\r\n onChange?.(date)\r\n }}\r\n />\r\n\r\n <div className=\"flex justify-center border-stroke border-t p-3\">\r\n <TimePicker\r\n setDate={date => {\r\n setCurrentDate(date)\r\n onChange?.(date)\r\n }}\r\n date={currentDate}\r\n />\r\n </div>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DateTimePicker }\r\n"],"names":["DateTimePicker","date","placeholder","className","disabled","onChange","currentDate","setCurrentDate","React","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar","TimePicker"],"mappings":";0SAyBA,SAASA,EAAe,CACtBC,KAAAA,CAAI,CACJC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,SAAAA,CAAQ,CACQ,EAChB,GAAM,CAACC,EAAaC,EAAe,CAAGC,EAAAA,QAAc,CAAmBP,GAEvE,MACE,WAACQ,EAAAA,OAAOA,CAAAA,C,UACN,UAACC,EAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,WAACC,EAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,YACR,UAAWC,GAAAA,EAAAA,EAAAA,EACT,8EACA,CAACN,GAAe,gBAChBH,GAEF,SAAUC,E,UAETE,EACCO,GAAAA,EAAAA,MAAAA,EAAOP,EAAa,oBAEpB,UAAC,Q,SAAMJ,GAAe,kB,GAGxB,UAACY,EAAAA,aAAaA,CAAAA,CAAC,KAAM,GAAI,UAAU,oB,QAGvC,WAACC,EAAAA,cAAcA,CAAAA,CAAC,UAAU,a,UACxB,UAACC,EAAAA,QAAQA,CAAAA,CACP,KAAK,SACL,SAAUV,EACV,SAAUL,IACRM,EAAeN,GACfI,IAAWJ,EACb,C,GAGF,UAAC,OAAI,UAAU,iD,SACb,UAACgB,EAAAA,UAAUA,CAAAA,CACT,QAAShB,IACPM,EAAeN,GACfI,IAAWJ,EACb,EACA,KAAMK,C,UAMlB,Q"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import*as t from"react/jsx-runtime";import*as e from"@phosphor-icons/react";import*as a from"@radix-ui/react-select";import*as s from"../lib/utils.js";import*as o from"./button.js";function l({...e}){return(0,t.jsx)(a.Root,{"data-slot":"select",...e})}function r({...e}){return(0,t.jsx)(a.Group,{"data-slot":"select-group",...e})}function n({...e}){return(0,t.jsx)(a.Value,{"data-slot":"select-value",...e})}function i({children:s,className:l,size:r="md",...n}){return(0,t.jsxs)(a.Trigger,{className:(0,o.buttonVariants)({className:["w-fit justify-between px-3 font-normal focus:ring-
|
|
2
|
+
import*as t from"react/jsx-runtime";import*as e from"@phosphor-icons/react";import*as a from"@radix-ui/react-select";import*as s from"../lib/utils.js";import*as o from"./button.js";function l({...e}){return(0,t.jsx)(a.Root,{"data-slot":"select",...e})}function r({...e}){return(0,t.jsx)(a.Group,{"data-slot":"select-group",...e})}function n({...e}){return(0,t.jsx)(a.Value,{"data-slot":"select-value",...e})}function i({children:s,className:l,size:r="md",...n}){return(0,t.jsxs)(a.Trigger,{className:(0,o.buttonVariants)({className:["w-fit justify-between px-3 font-normal focus:ring-1 focus:ring-gbm-sky/50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate [&_svg:not([class*='text-'])]:text-gray-400",l],size:r,variant:"secondary"}),"data-size":r,"data-slot":"select-trigger",...n,children:[s,(0,t.jsx)(a.Icon,{asChild:!0,className:"size-4 shrink-0 opacity-50",children:(0,t.jsx)(e.CaretDown,{})})]})}function c({className:o,...l}){return(0,t.jsx)(a.ScrollUpButton,{className:(0,s.cn)("flex items-center justify-center py-1 text-gray-600",o),"data-slot":"select-scroll-up-button",...l,children:(0,t.jsx)(e.CaretUp,{size:16})})}function d({className:o,...l}){return(0,t.jsx)(a.ScrollDownButton,{className:(0,s.cn)("flex items-center justify-center py-1 text-gray-600",o),"data-slot":"select-scroll-down-button",...l,children:(0,t.jsx)(e.CaretDown,{size:16})})}function u({children:e,className:o,position:l="popper",...r}){return(0,t.jsx)(a.Portal,{children:(0,t.jsxs)(a.Content,{className:(0,s.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 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-background text-gbm-dark shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in","popper"===l&&"data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1",o),"data-slot":"select-content",position:l,...r,children:[(0,t.jsx)(c,{}),(0,t.jsx)(a.Viewport,{className:(0,s.cn)("p-1","popper"===l&&"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),children:e}),(0,t.jsx)(d,{})]})})}function m({className:e,...o}){return(0,t.jsx)(a.Label,{className:(0,s.cn)("flex items-center gap-x-2 px-2 py-1.5 font-semibold text-sm",e),"data-slot":"select-label",...o})}function p({children:o,className:l,...r}){return(0,t.jsxs)(a.Item,{className:(0,s.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-2 pr-8 pl-2 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-black aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-gray-600 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",l),"data-slot":"select-item",...r,children:[(0,t.jsx)("span",{className:"absolute right-2 flex items-center justify-center",children:(0,t.jsx)(a.ItemIndicator,{children:(0,t.jsx)(e.Check,{className:"size-4"})})}),(0,t.jsx)(a.ItemText,{children:o})]})}function x({className:e,...o}){return(0,t.jsx)(a.Separator,{className:(0,s.cn)("mx-2 my-1 h-px bg-stroke",e),"data-slot":"select-separator",...o})}export{l as Select,u as SelectContent,r as SelectGroup,p as SelectItem,m as SelectLabel,x as SelectSeparator,i as SelectTrigger,n as SelectValue};
|
|
3
3
|
//# sourceMappingURL=select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\select.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/select.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDown, CaretUp, Check } from '@phosphor-icons/react'\r\nimport * as SelectPrimitive from '@radix-ui/react-select'\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: Select\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Select({\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Root>): JSX.Element {\r\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectGroup({\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Group>): JSX.Element {\r\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectValue\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectValue({\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Value>): JSX.Element {\r\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectTrigger({\r\n children,\r\n className,\r\n size = 'md',\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Trigger> & {\r\n size?: VariantProps<typeof buttonVariants>['size']\r\n}): JSX.Element {\r\n return (\r\n <SelectPrimitive.Trigger\r\n className={buttonVariants({\r\n className: [\r\n \"w-fit justify-between px-3 font-normal focus:ring-3 focus:ring-gbm-sky/50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate [&_svg:not([class*='text-'])]:text-gray-400\",\r\n className,\r\n ],\r\n size,\r\n variant: 'secondary',\r\n })}\r\n data-size={size}\r\n data-slot=\"select-trigger\"\r\n {...props}\r\n >\r\n {children}\r\n <SelectPrimitive.Icon asChild className=\"size-4 shrink-0 opacity-50\">\r\n <CaretDown />\r\n </SelectPrimitive.Icon>\r\n </SelectPrimitive.Trigger>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectScrollUpButton\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectScrollUpButton({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.ScrollUpButton>): JSX.Element {\r\n return (\r\n <SelectPrimitive.ScrollUpButton\r\n className={cn(\r\n 'flex items-center justify-center py-1 text-gray-600',\r\n className\r\n )}\r\n data-slot=\"select-scroll-up-button\"\r\n {...props}\r\n >\r\n <CaretUp size={16} />\r\n </SelectPrimitive.ScrollUpButton>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectScrollDownButton\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectScrollDownButton({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.ScrollDownButton>): JSX.Element {\r\n return (\r\n <SelectPrimitive.ScrollDownButton\r\n className={cn(\r\n 'flex items-center justify-center py-1 text-gray-600',\r\n className\r\n )}\r\n data-slot=\"select-scroll-down-button\"\r\n {...props}\r\n >\r\n <CaretDown size={16} />\r\n </SelectPrimitive.ScrollDownButton>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectContent({\r\n children,\r\n className,\r\n position = 'popper',\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Content>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Portal>\r\n <SelectPrimitive.Content\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 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-background text-gbm-dark shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n position === 'popper' &&\r\n 'data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1',\r\n className\r\n )}\r\n data-slot=\"select-content\"\r\n position={position}\r\n {...props}\r\n >\r\n <SelectScrollUpButton />\r\n <SelectPrimitive.Viewport\r\n className={cn(\r\n 'p-1',\r\n position === 'popper' &&\r\n 'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)'\r\n )}\r\n >\r\n {children}\r\n </SelectPrimitive.Viewport>\r\n <SelectScrollDownButton />\r\n </SelectPrimitive.Content>\r\n </SelectPrimitive.Portal>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectLabel({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Label>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Label\r\n className={cn(\r\n 'flex items-center gap-x-2 px-2 py-1.5 font-semibold text-sm',\r\n className\r\n )}\r\n data-slot=\"select-label\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectItem({\r\n children,\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Item>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Item\r\n className={cn(\r\n \"relative flex w-full cursor-default select-none items-center rounded-sm py-2 pr-8 pl-2 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-black aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-gray-600 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\r\n className\r\n )}\r\n data-slot=\"select-item\"\r\n {...props}\r\n >\r\n <span className=\"absolute right-2 flex items-center justify-center\">\r\n <SelectPrimitive.ItemIndicator>\r\n <Check className=\"size-4\" />\r\n </SelectPrimitive.ItemIndicator>\r\n </span>\r\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n </SelectPrimitive.Item>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Separator>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Separator\r\n className={cn('mx-2 my-1 h-px bg-stroke', className)}\r\n data-slot=\"select-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Select,\r\n SelectGroup,\r\n SelectValue,\r\n SelectTrigger,\r\n SelectContent,\r\n SelectLabel,\r\n SelectItem,\r\n SelectSeparator,\r\n}\r\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","children","className","size","buttonVariants","CaretDown","SelectScrollUpButton","cn","CaretUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components\\select.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/select.tsx"],"sourcesContent":["\r\n\r\nimport { CaretDown, CaretUp, Check } from '@phosphor-icons/react'\r\nimport * as SelectPrimitive from '@radix-ui/react-select'\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: Select\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Select({\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Root>): JSX.Element {\r\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectGroup\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectGroup({\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Group>): JSX.Element {\r\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectValue\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectValue({\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Value>): JSX.Element {\r\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectTrigger\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectTrigger({\r\n children,\r\n className,\r\n size = 'md',\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Trigger> & {\r\n size?: VariantProps<typeof buttonVariants>['size']\r\n}): JSX.Element {\r\n return (\r\n <SelectPrimitive.Trigger\r\n className={buttonVariants({\r\n className: [\r\n \"w-fit justify-between px-3 font-normal focus:ring-1 focus:ring-gbm-sky/50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate [&_svg:not([class*='text-'])]:text-gray-400\",\r\n className,\r\n ],\r\n size,\r\n variant: 'secondary',\r\n })}\r\n data-size={size}\r\n data-slot=\"select-trigger\"\r\n {...props}\r\n >\r\n {children}\r\n <SelectPrimitive.Icon asChild className=\"size-4 shrink-0 opacity-50\">\r\n <CaretDown />\r\n </SelectPrimitive.Icon>\r\n </SelectPrimitive.Trigger>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectScrollUpButton\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectScrollUpButton({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.ScrollUpButton>): JSX.Element {\r\n return (\r\n <SelectPrimitive.ScrollUpButton\r\n className={cn(\r\n 'flex items-center justify-center py-1 text-gray-600',\r\n className\r\n )}\r\n data-slot=\"select-scroll-up-button\"\r\n {...props}\r\n >\r\n <CaretUp size={16} />\r\n </SelectPrimitive.ScrollUpButton>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectScrollDownButton\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectScrollDownButton({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.ScrollDownButton>): JSX.Element {\r\n return (\r\n <SelectPrimitive.ScrollDownButton\r\n className={cn(\r\n 'flex items-center justify-center py-1 text-gray-600',\r\n className\r\n )}\r\n data-slot=\"select-scroll-down-button\"\r\n {...props}\r\n >\r\n <CaretDown size={16} />\r\n </SelectPrimitive.ScrollDownButton>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectContent\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectContent({\r\n children,\r\n className,\r\n position = 'popper',\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Content>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Portal>\r\n <SelectPrimitive.Content\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 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-background text-gbm-dark shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',\r\n position === 'popper' &&\r\n 'data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1',\r\n className\r\n )}\r\n data-slot=\"select-content\"\r\n position={position}\r\n {...props}\r\n >\r\n <SelectScrollUpButton />\r\n <SelectPrimitive.Viewport\r\n className={cn(\r\n 'p-1',\r\n position === 'popper' &&\r\n 'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)'\r\n )}\r\n >\r\n {children}\r\n </SelectPrimitive.Viewport>\r\n <SelectScrollDownButton />\r\n </SelectPrimitive.Content>\r\n </SelectPrimitive.Portal>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectLabel\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectLabel({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Label>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Label\r\n className={cn(\r\n 'flex items-center gap-x-2 px-2 py-1.5 font-semibold text-sm',\r\n className\r\n )}\r\n data-slot=\"select-label\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectItem\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectItem({\r\n children,\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Item>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Item\r\n className={cn(\r\n \"relative flex w-full cursor-default select-none items-center rounded-sm py-2 pr-8 pl-2 text-sm outline-hidden focus:bg-gray-100 focus:text-gbm-black aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-gray-600 data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80 [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\r\n className\r\n )}\r\n data-slot=\"select-item\"\r\n {...props}\r\n >\r\n <span className=\"absolute right-2 flex items-center justify-center\">\r\n <SelectPrimitive.ItemIndicator>\r\n <Check className=\"size-4\" />\r\n </SelectPrimitive.ItemIndicator>\r\n </span>\r\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n </SelectPrimitive.Item>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: SelectSeparator\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction SelectSeparator({\r\n className,\r\n ...props\r\n}: ComponentProps<typeof SelectPrimitive.Separator>): JSX.Element {\r\n return (\r\n <SelectPrimitive.Separator\r\n className={cn('mx-2 my-1 h-px bg-stroke', className)}\r\n data-slot=\"select-separator\"\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport {\r\n Select,\r\n SelectGroup,\r\n SelectValue,\r\n SelectTrigger,\r\n SelectContent,\r\n SelectLabel,\r\n SelectItem,\r\n SelectSeparator,\r\n}\r\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","children","className","size","buttonVariants","CaretDown","SelectScrollUpButton","cn","CaretUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":"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"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export*from"./components/alert-dialog.js";export*from"./components/dialog.js";export*from"./components/button.js";export*from"./components/input-password.js";export*from"./components/input.js";export*from"./components/tokens-grid.js";export*from"./components/tooltip.js";export*from"./components/switch.js";export*from"./components/label.js";export*from"./components/checkbox.js";export*from"./components/breadcrumb.js";export*from"./components/tabs/index.js";export*from"./components/form.js";export*from"./components/dropdown-menu.js";export*from"./components/multi-select.js";export*from"./components/select.js";export*from"./components/table.js";export*from"./components/table-expandable.js";export*from"./components/textarea.js";export*from"./components/calendar.js";export*from"./components/date-picker.js";export*from"./components/date-picker-with-range.js";export*from"./components/date-picker
|
|
1
|
+
export*from"./components/alert-dialog.js";export*from"./components/dialog.js";export*from"./components/button.js";export*from"./components/input-password.js";export*from"./components/input.js";export*from"./components/tokens-grid.js";export*from"./components/tooltip.js";export*from"./components/switch.js";export*from"./components/label.js";export*from"./components/checkbox.js";export*from"./components/breadcrumb.js";export*from"./components/tabs/index.js";export*from"./components/form.js";export*from"./components/dropdown-menu.js";export*from"./components/multi-select.js";export*from"./components/select.js";export*from"./components/table.js";export*from"./components/table-expandable.js";export*from"./components/textarea.js";export*from"./components/calendar.js";export*from"./components/date-picker.js";export*from"./components/date-picker-with-range.js";export*from"./components/date-time-picker.js";export*from"./components/date-time-picker-with-range.js";export*from"./components/title.js";export*from"./components/page-layout/index.js";export*from"./components/pagination.js";export*from"./components/skeleton.js";export*from"./components/separator.js";export*from"./components/input-otp.js";export*from"./components/combobox.js";export*from"./components/mask-input.js";export*from"./components/scroll-area.js";export*from"./components/data-table/index.js";export*from"./components/spinner.js";export*from"./components/radio-group.js";export*from"./utils/phosphor-icon-map.js";export*from"./lib/utils.js";export*from"./lib/format.js";export*from"./hooks/use-data-table.js";
|
|
@@ -25,7 +25,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
|
|
|
25
25
|
true: string;
|
|
26
26
|
false: string;
|
|
27
27
|
};
|
|
28
|
-
}, undefined, "cursor-pointer flex items-center justify-center whitespace-nowrap font-medium
|
|
28
|
+
}, undefined, "cursor-pointer flex items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gbm-sky disabled:pointer-events-none disabled:opacity-50 max-lg:text-sm", {
|
|
29
29
|
variant: {
|
|
30
30
|
primary: string;
|
|
31
31
|
secondary: string;
|
|
@@ -75,7 +75,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
|
|
|
75
75
|
true: string;
|
|
76
76
|
false: string;
|
|
77
77
|
};
|
|
78
|
-
}, undefined, "cursor-pointer flex items-center justify-center whitespace-nowrap font-medium
|
|
78
|
+
}, undefined, "cursor-pointer flex items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gbm-sky disabled:pointer-events-none disabled:opacity-50 max-lg:text-sm", unknown, unknown, undefined>>;
|
|
79
79
|
export type ButtonProps = ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
|
|
80
80
|
asChild?: boolean;
|
|
81
81
|
};
|
|
@@ -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;AAShD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2RAoClB,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;kBA5CQ,MAAM;;;AAmDf,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -7,4 +7,4 @@ interface DatePickerProps {
|
|
|
7
7
|
}
|
|
8
8
|
declare function DateTimePicker({ date, placeholder, className, disabled, onChange, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export { DateTimePicker };
|
|
10
|
-
//# sourceMappingURL=date-picker
|
|
10
|
+
//# sourceMappingURL=date-time-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../../src/components/date-time-picker.tsx"],"names":[],"mappings":"AAaA,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;CAC5C;AAMD,iBAAS,cAAc,CAAC,EACtB,IAAI,EACJ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,eAAe,2CA+CjB;AAMD,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -20,7 +20,7 @@ export * from './components/textarea';
|
|
|
20
20
|
export * from './components/calendar';
|
|
21
21
|
export * from './components/date-picker';
|
|
22
22
|
export * from './components/date-picker-with-range';
|
|
23
|
-
export * from './components/date-picker
|
|
23
|
+
export * from './components/date-time-picker';
|
|
24
24
|
export * from './components/date-time-picker-with-range';
|
|
25
25
|
export * from './components/title';
|
|
26
26
|
export * from './components/page-layout';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qCAAqC,CAAA;AACnD,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qCAAqC,CAAA;AACnD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0CAA0C,CAAA;AACxD,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AAExC,cAAc,2BAA2B,CAAA;AACzC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAE5B,cAAc,wBAAwB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"components\\date-picker-with-time.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/date-picker-with-time.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react/dist/ssr'\r\nimport { format } from 'date-fns'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\nimport { TimePicker } from './time-picker'\r\n\r\ninterface DatePickerProps {\r\n date?: Date\r\n placeholder?: string\r\n className?: string\r\n disabled?: boolean\r\n onChange?: (date: Date | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePicker\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DateTimePicker({\r\n date,\r\n placeholder,\r\n className,\r\n disabled,\r\n onChange,\r\n}: DatePickerProps) {\r\n const [currentDate, setCurrentDate] = React.useState<Date | undefined>(date)\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button\r\n id=\"date\"\r\n variant=\"secondary\"\r\n className={cn(\r\n 'h-12 w-full justify-between px-4 text-left font-normal hover:bg-transparent',\r\n !currentDate && 'text-gray-400',\r\n className\r\n )}\r\n disabled={disabled}\r\n >\r\n {currentDate ? (\r\n format(currentDate, 'dd/MM/yyyy HH:mm')\r\n ) : (\r\n <span>{placeholder || 'a'}</span>\r\n )}\r\n\r\n <CalendarBlank size={20} className=\"ml-2 text-gray-600\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\">\r\n <Calendar\r\n mode=\"single\"\r\n selected={currentDate}\r\n onSelect={date => {\r\n setCurrentDate(date)\r\n onChange?.(date)\r\n }}\r\n />\r\n\r\n <div className=\"flex justify-center border-stroke border-t p-3\">\r\n <TimePicker\r\n setDate={date => {\r\n setCurrentDate(date)\r\n onChange?.(date)\r\n }}\r\n date={currentDate}\r\n />\r\n </div>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DateTimePicker }\r\n"],"names":["DateTimePicker","date","placeholder","className","disabled","onChange","currentDate","setCurrentDate","React","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar","TimePicker"],"mappings":";u0CAyBA,SAASA,eAAe,CACtBC,KAAAA,CAAI,CACJC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,SAAAA,CAAQ,CACQ,EAChB,GAAM,CAACC,EAAaC,EAAe,CAAGC,+BAAAA,QAAc,CAAmBP,GAEvE,MACE,qCAACQ,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,YACR,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,8EACA,CAACN,GAAe,gBAChBH,GAEF,SAAUC,E,UAETE,EACCO,GAAAA,kCAAAA,MAAAA,EAAOP,EAAa,oBAEpB,oCAAC,Q,SAAMJ,GAAe,G,GAGxB,oCAACY,oBAAAA,aAAaA,CAAAA,CAAC,KAAM,GAAI,UAAU,oB,QAGvC,qCAACC,qCAAAA,cAAcA,CAAAA,CAAC,UAAU,a,UACxB,oCAACC,sCAAAA,QAAQA,CAAAA,CACP,KAAK,SACL,SAAUV,EACV,SAAUL,IACRM,EAAeN,GACfI,IAAWJ,EACb,C,GAGF,oCAAC,OAAI,UAAU,iD,SACb,oCAACgB,yCAAAA,UAAUA,CAAAA,CACT,QAAShB,IACPM,EAAeN,GACfI,IAAWJ,EACb,EACA,KAAMK,C,UAMlB,C"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
'use client'
|
|
2
|
-
import*as e from"react/jsx-runtime";import*as r from"@phosphor-icons/react/dist/ssr";import*as s from"date-fns";import*as t from"react";import*as a from"../lib/utils.js";import*as o from"./button.js";import*as i from"./calendar.js";import*as m from"./popover.js";import*as n from"./time-picker.js";function l({date:l,placeholder:d,className:c,disabled:p,onChange:f}){let[j,x]=t.useState(l);return(0,e.jsxs)(m.Popover,{children:[(0,e.jsx)(m.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(o.Button,{id:"date",variant:"secondary",className:(0,a.cn)("h-12 w-full justify-between px-4 text-left font-normal hover:bg-transparent",!j&&"text-gray-400",c),disabled:p,children:[j?(0,s.format)(j,"dd/MM/yyyy HH:mm"):(0,e.jsx)("span",{children:d||"a"}),(0,e.jsx)(r.CalendarBlank,{size:20,className:"ml-2 text-gray-600"})]})}),(0,e.jsxs)(m.PopoverContent,{className:"w-auto p-0",children:[(0,e.jsx)(i.Calendar,{mode:"single",selected:j,onSelect:e=>{x(e),f?.(e)}}),(0,e.jsx)("div",{className:"flex justify-center border-stroke border-t p-3",children:(0,e.jsx)(n.TimePicker,{setDate:e=>{x(e),f?.(e)},date:j})})]})]})}export{l as DateTimePicker};
|
|
3
|
-
//# sourceMappingURL=date-picker-with-time.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"components\\date-picker-with-time.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/date-picker-with-time.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react/dist/ssr'\r\nimport { format } from 'date-fns'\r\nimport * as React from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\n\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\nimport { TimePicker } from './time-picker'\r\n\r\ninterface DatePickerProps {\r\n date?: Date\r\n placeholder?: string\r\n className?: string\r\n disabled?: boolean\r\n onChange?: (date: Date | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePicker\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DateTimePicker({\r\n date,\r\n placeholder,\r\n className,\r\n disabled,\r\n onChange,\r\n}: DatePickerProps) {\r\n const [currentDate, setCurrentDate] = React.useState<Date | undefined>(date)\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button\r\n id=\"date\"\r\n variant=\"secondary\"\r\n className={cn(\r\n 'h-12 w-full justify-between px-4 text-left font-normal hover:bg-transparent',\r\n !currentDate && 'text-gray-400',\r\n className\r\n )}\r\n disabled={disabled}\r\n >\r\n {currentDate ? (\r\n format(currentDate, 'dd/MM/yyyy HH:mm')\r\n ) : (\r\n <span>{placeholder || 'a'}</span>\r\n )}\r\n\r\n <CalendarBlank size={20} className=\"ml-2 text-gray-600\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\">\r\n <Calendar\r\n mode=\"single\"\r\n selected={currentDate}\r\n onSelect={date => {\r\n setCurrentDate(date)\r\n onChange?.(date)\r\n }}\r\n />\r\n\r\n <div className=\"flex justify-center border-stroke border-t p-3\">\r\n <TimePicker\r\n setDate={date => {\r\n setCurrentDate(date)\r\n onChange?.(date)\r\n }}\r\n date={currentDate}\r\n />\r\n </div>\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DateTimePicker }\r\n"],"names":["DateTimePicker","date","placeholder","className","disabled","onChange","currentDate","setCurrentDate","React","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar","TimePicker"],"mappings":";0SAyBA,SAASA,EAAe,CACtBC,KAAAA,CAAI,CACJC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,SAAAA,CAAQ,CACQ,EAChB,GAAM,CAACC,EAAaC,EAAe,CAAGC,EAAAA,QAAc,CAAmBP,GAEvE,MACE,WAACQ,EAAAA,OAAOA,CAAAA,C,UACN,UAACC,EAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,WAACC,EAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,YACR,UAAWC,GAAAA,EAAAA,EAAAA,EACT,8EACA,CAACN,GAAe,gBAChBH,GAEF,SAAUC,E,UAETE,EACCO,GAAAA,EAAAA,MAAAA,EAAOP,EAAa,oBAEpB,UAAC,Q,SAAMJ,GAAe,G,GAGxB,UAACY,EAAAA,aAAaA,CAAAA,CAAC,KAAM,GAAI,UAAU,oB,QAGvC,WAACC,EAAAA,cAAcA,CAAAA,CAAC,UAAU,a,UACxB,UAACC,EAAAA,QAAQA,CAAAA,CACP,KAAK,SACL,SAAUV,EACV,SAAUL,IACRM,EAAeN,GACfI,IAAWJ,EACb,C,GAGF,UAAC,OAAI,UAAU,iD,SACb,UAACgB,EAAAA,UAAUA,CAAAA,CACT,QAAShB,IACPM,EAAeN,GACfI,IAAWJ,EACb,EACA,KAAMK,C,UAMlB,Q"}
|