@gbmtech/aurora-ui 0.1.28 → 0.1.30
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/date-picker.cjs +1 -1
- package/dist/cjs/components/date-picker.cjs.map +1 -1
- package/dist/cjs/components/input.cjs +1 -1
- package/dist/cjs/components/input.cjs.map +1 -1
- package/dist/cjs/components/select.cjs +1 -1
- package/dist/cjs/components/select.cjs.map +1 -1
- package/dist/esm/components/date-picker.js +1 -1
- package/dist/esm/components/date-picker.js.map +1 -1
- package/dist/esm/components/input.js +1 -1
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/select.js +1 -1
- package/dist/esm/components/select.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DatePicker:()=>DatePicker});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_date_fns_namespaceObject=require("date-fns"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_calendar_cjs_namespaceObject=require("./calendar.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs");function DatePicker({date:e,placeholder:_,className:a,disabled:r=!1,onChange:t}){let[c,n]=(0,external_react_namespaceObject.useState)(e);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:"date",variant:"secondary",size:"md",className:(0,utils_cjs_namespaceObject.cn)("min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50",!c&&"text-
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var a in _)__webpack_require__.o(_,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:_[a]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DatePicker:()=>DatePicker});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_namespaceObject=require("@phosphor-icons/react"),external_date_fns_namespaceObject=require("date-fns"),external_react_namespaceObject=require("react"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),external_button_cjs_namespaceObject=require("./button.cjs"),external_calendar_cjs_namespaceObject=require("./calendar.cjs"),external_popover_cjs_namespaceObject=require("./popover.cjs");function DatePicker({date:e,placeholder:_,className:a,disabled:r=!1,onChange:t}){let[c,n]=(0,external_react_namespaceObject.useState)(e);return(0,jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover,{children:[(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger,{asChild:!0,children:(0,jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button,{id:"date",variant:"secondary",size:"md",className:(0,utils_cjs_namespaceObject.cn)("min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50",!c&&"text-gray-400",a),disabled:r,children:[c?(0,external_date_fns_namespaceObject.format)(c,"dd/MM/yyyy"):(0,jsx_runtime_namespaceObject.jsx)("span",{children:_||"Selecione a data"}),(0,jsx_runtime_namespaceObject.jsx)(react_namespaceObject.CalendarBlank,{className:"ml-4 size-4 text-gray-600"})]})}),(0,jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverContent,{className:"w-auto p-0",align:"start",children:(0,jsx_runtime_namespaceObject.jsx)(external_calendar_cjs_namespaceObject.Calendar,{mode:"single",selected:c,onSelect:e=>{n(e),t?.(e)}})})]})}for(var __webpack_i__ in exports.DatePicker=__webpack_exports__.DatePicker,__webpack_exports__)-1===["DatePicker"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
3
|
//# sourceMappingURL=date-picker.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\date-picker.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/date-picker.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react'\r\nimport { format } from 'date-fns'\r\nimport { useState } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\ninterface DatePickerProps {\r\n date?: Date\r\n placeholder?: string\r\n className?: string\r\n disabled?: boolean\r\n onChange?: (date: Date | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePicker\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DatePicker({\r\n date,\r\n placeholder,\r\n className,\r\n disabled = false,\r\n onChange,\r\n}: DatePickerProps) {\r\n const [currentDate, setCurrentDate] = useState<Date | undefined>(date)\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button\r\n id=\"date\"\r\n variant=\"secondary\"\r\n size=\"md\"\r\n className={cn(\r\n 'min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50',\r\n !currentDate && 'text-
|
|
1
|
+
{"version":3,"file":"components\\date-picker.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/date-picker.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react'\r\nimport { format } from 'date-fns'\r\nimport { useState } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\ninterface DatePickerProps {\r\n date?: Date\r\n placeholder?: string\r\n className?: string\r\n disabled?: boolean\r\n onChange?: (date: Date | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePicker\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DatePicker({\r\n date,\r\n placeholder,\r\n className,\r\n disabled = false,\r\n onChange,\r\n}: DatePickerProps) {\r\n const [currentDate, setCurrentDate] = useState<Date | undefined>(date)\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button\r\n id=\"date\"\r\n variant=\"secondary\"\r\n size=\"md\"\r\n className={cn(\r\n 'min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50',\r\n !currentDate && 'text-gray-400',\r\n className\r\n )}\r\n disabled={disabled}\r\n >\r\n {currentDate ? (\r\n format(currentDate, 'dd/MM/yyyy')\r\n ) : (\r\n <span>{placeholder || 'Selecione a data'}</span>\r\n )}\r\n <CalendarBlank className=\"ml-4 size-4 text-gray-600\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n <Calendar\r\n mode=\"single\"\r\n selected={currentDate}\r\n onSelect={date => {\r\n setCurrentDate(date)\r\n onChange?.(date)\r\n }}\r\n />\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DatePicker }\r\n"],"names":["DatePicker","date","placeholder","className","disabled","onChange","currentDate","setCurrentDate","useState","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar"],"mappings":";kvCAuBA,SAASA,WAAW,CAClBC,KAAAA,CAAI,CACJC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,EAAW,EAAK,CAChBC,SAAAA,CAAQ,CACQ,EAChB,GAAM,CAACC,EAAaC,EAAe,CAAGC,GAAAA,+BAAAA,QAAAA,EAA2BP,GAEjE,MACE,qCAACQ,qCAAAA,OAAOA,CAAAA,C,UACN,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,qCAACC,oCAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,YACR,KAAK,KACL,UAAWC,GAAAA,0BAAAA,EAAAA,EACT,0FACA,CAACN,GAAe,gBAChBH,GAEF,SAAUC,E,UAETE,EACCO,GAAAA,kCAAAA,MAAAA,EAAOP,EAAa,cAEpB,oCAAC,Q,SAAMJ,GAAe,kB,GAExB,oCAACY,sBAAAA,aAAaA,CAAAA,CAAC,UAAU,2B,QAG7B,oCAACC,qCAAAA,cAAcA,CAAAA,CAAC,UAAU,aAAa,MAAM,Q,SAC3C,oCAACC,sCAAAA,QAAQA,CAAAA,CACP,KAAK,SACL,SAAUV,EACV,SAAUL,IACRM,EAAeN,GACfI,IAAWJ,EACb,C,OAKV,C"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,
|
|
2
|
+
"use strict";let __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var _ in t)__webpack_require__.o(t,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:t[_]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Input:()=>Input,inputVariants:()=>inputVariants});let jsx_runtime_namespaceObject=require("react/jsx-runtime"),utils_cjs_namespaceObject=require("../lib/utils.cjs"),input_cjs_namespaceObject=require("../primitive/input.cjs"),external_spinner_cjs_namespaceObject=require("./spinner.cjs"),inputVariants=(0,utils_cjs_namespaceObject.tv)({slots:{root:"flex h-12 w-full items-center gap-4 rounded-md border border-stroke bg-background px-4 ring-offset-background placeholder:text-gray-400 focus-within:outline-none focus-within:ring-2 focus-within:ring-gbm-sky focus-within:ring-offset-2 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",input:"peer h-full w-full flex-1 overflow-hidden bg-transparent text-base outline-none placeholder:text-gray-400"}}),{input:e,root:t}=inputVariants();function Input({className:_,disabled:r,loaderPosition:a,loading:n,prefix:i,readOnly:s,spinner:p,suffix:c,classNames:u,...o}){return(0,jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Root,{className:t({className:[_,u?.wrapper]}),"data-slot":"input",disabled:r,loaderPosition:a,loading:n,prefix:i,readOnly:s,spinner:p||(0,jsx_runtime_namespaceObject.jsx)(external_spinner_cjs_namespaceObject.Spinner,{}),suffix:c,children:(0,jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Field,{className:e({className:u?.input}),"data-slot":"input-item",...o})})}for(var __webpack_i__ in exports.Input=__webpack_exports__.Input,exports.inputVariants=__webpack_exports__.inputVariants,__webpack_exports__)-1===["Input","inputVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
|
|
3
3
|
//# sourceMappingURL=input.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\input.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/input.tsx"],"sourcesContent":["\r\n\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, tv } from '@/lib/utils'\r\nimport * as InputPrimitive from '@/primitive/input'\r\nimport { Spinner } from './spinner'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Input\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst inputVariants = tv({\r\n slots: {\r\n root: 'flex h-12 w-full items-center gap-4 rounded-md border border-
|
|
1
|
+
{"version":3,"file":"components\\input.cjs","sources":["webpack://@gbmtech/aurora-ui/./src/components/input.tsx"],"sourcesContent":["\r\n\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, tv } from '@/lib/utils'\r\nimport * as InputPrimitive from '@/primitive/input'\r\nimport { Spinner } from './spinner'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Input\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst inputVariants = tv({\r\n slots: {\r\n root: 'flex h-12 w-full items-center gap-4 rounded-md border border-stroke bg-background px-4 ring-offset-background placeholder:text-gray-400 focus-within:outline-none focus-within:ring-2 focus-within:ring-gbm-sky focus-within:ring-offset-2 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',\r\n input:\r\n 'peer h-full w-full flex-1 overflow-hidden bg-transparent text-base outline-none placeholder:text-gray-400',\r\n },\r\n})\r\n\r\nconst { input, root } = inputVariants()\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Input\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Input({\r\n className,\r\n disabled,\r\n loaderPosition,\r\n loading,\r\n prefix,\r\n readOnly,\r\n spinner,\r\n suffix,\r\n classNames,\r\n ...props\r\n}: ComponentProps<typeof InputPrimitive.Root> &\r\n Omit<ComponentProps<typeof InputPrimitive.Field>, 'prefix' | 'type'> &\r\n VariantProps<typeof inputVariants> & {\r\n type?:\r\n | 'date'\r\n | 'datetime-local'\r\n | 'email'\r\n | 'file'\r\n | 'month'\r\n | 'number'\r\n | 'password'\r\n | 'search'\r\n | 'tel'\r\n | 'text'\r\n | 'time'\r\n | 'url'\r\n | 'week'\r\n classNames?: {\r\n wrapper?: string\r\n input?: string\r\n }\r\n }): JSX.Element {\r\n return (\r\n <InputPrimitive.Root\r\n className={root({ className: [className, classNames?.wrapper] })}\r\n data-slot=\"input\"\r\n disabled={disabled}\r\n loaderPosition={loaderPosition}\r\n loading={loading}\r\n prefix={prefix}\r\n readOnly={readOnly}\r\n spinner={spinner || <Spinner />}\r\n suffix={suffix}\r\n >\r\n <InputPrimitive.Field\r\n className={input({ className: classNames?.input })}\r\n data-slot=\"input-item\"\r\n {...props}\r\n />\r\n </InputPrimitive.Root>\r\n )\r\n}\r\n\r\nexport { Input, inputVariants }\r\n"],"names":["inputVariants","tv","input","root","Input","className","disabled","loaderPosition","loading","prefix","readOnly","spinner","suffix","classNames","props","InputPrimitive","Spinner"],"mappings":";2iCAYMA,cAAgBC,GAAAA,0BAAAA,EAAAA,EAAG,CACvB,MAAO,CACL,KAAM,qTACN,MACE,2GACJ,CACF,GAEM,CAAEC,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,CAAGH,gBAMxB,SAASI,MAAM,CACbC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,WAAAA,CAAU,CACV,GAAGC,EAsBF,EACD,MACE,oCAACC,0BAAAA,IAAmB,EAClB,UAAWZ,EAAK,CAAE,UAAW,CAACE,EAAWQ,GAAY,QAAQ,GAC7D,YAAU,QACV,SAAUP,EACV,eAAgBC,EAChB,QAASC,EACT,OAAQC,EACR,SAAUC,EACV,QAASC,GAAW,oCAACK,qCAAAA,OAAOA,CAAAA,CAAAA,GAC5B,OAAQJ,E,SAER,oCAACG,0BAAAA,KAAoB,EACnB,UAAWb,EAAM,CAAE,UAAWW,GAAY,KAAM,GAChD,YAAU,aACT,GAAGC,CAAK,IAIjB,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-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-
|
|
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-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",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 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-600\",\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-lg 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-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 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,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import*as e from"react/jsx-runtime";import*as r from"@phosphor-icons/react";import*as t from"date-fns";import*as a from"react";import*as s from"../lib/utils.js";import*as o from"./button.js";import*as n from"./calendar.js";import*as i from"./popover.js";function m({date:m,placeholder:
|
|
2
|
+
import*as e from"react/jsx-runtime";import*as r from"@phosphor-icons/react";import*as t from"date-fns";import*as a from"react";import*as s from"../lib/utils.js";import*as o from"./button.js";import*as n from"./calendar.js";import*as i from"./popover.js";function m({date:m,placeholder:l,className:d,disabled:c=!1,onChange:p}){let[f,x]=(0,a.useState)(m);return(0,e.jsxs)(i.Popover,{children:[(0,e.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,e.jsxs)(o.Button,{id:"date",variant:"secondary",size:"md",className:(0,s.cn)("min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50",!f&&"text-gray-400",d),disabled:c,children:[f?(0,t.format)(f,"dd/MM/yyyy"):(0,e.jsx)("span",{children:l||"Selecione a data"}),(0,e.jsx)(r.CalendarBlank,{className:"ml-4 size-4 text-gray-600"})]})}),(0,e.jsx)(i.PopoverContent,{className:"w-auto p-0",align:"start",children:(0,e.jsx)(n.Calendar,{mode:"single",selected:f,onSelect:e=>{x(e),p?.(e)}})})]})}export{m as DatePicker};
|
|
3
3
|
//# sourceMappingURL=date-picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\date-picker.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/date-picker.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react'\r\nimport { format } from 'date-fns'\r\nimport { useState } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\ninterface DatePickerProps {\r\n date?: Date\r\n placeholder?: string\r\n className?: string\r\n disabled?: boolean\r\n onChange?: (date: Date | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePicker\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DatePicker({\r\n date,\r\n placeholder,\r\n className,\r\n disabled = false,\r\n onChange,\r\n}: DatePickerProps) {\r\n const [currentDate, setCurrentDate] = useState<Date | undefined>(date)\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button\r\n id=\"date\"\r\n variant=\"secondary\"\r\n size=\"md\"\r\n className={cn(\r\n 'min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50',\r\n !currentDate && 'text-
|
|
1
|
+
{"version":3,"file":"components\\date-picker.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/date-picker.tsx"],"sourcesContent":["\r\n\r\nimport { CalendarBlank } from '@phosphor-icons/react'\r\nimport { format } from 'date-fns'\r\nimport { useState } from 'react'\r\n\r\nimport { cn } from '../lib/utils'\r\nimport { Button } from './button'\r\nimport { Calendar } from './calendar'\r\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\r\n\r\ninterface DatePickerProps {\r\n date?: Date\r\n placeholder?: string\r\n className?: string\r\n disabled?: boolean\r\n onChange?: (date: Date | undefined) => void\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: DateTimePicker\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction DatePicker({\r\n date,\r\n placeholder,\r\n className,\r\n disabled = false,\r\n onChange,\r\n}: DatePickerProps) {\r\n const [currentDate, setCurrentDate] = useState<Date | undefined>(date)\r\n\r\n return (\r\n <Popover>\r\n <PopoverTrigger asChild>\r\n <Button\r\n id=\"date\"\r\n variant=\"secondary\"\r\n size=\"md\"\r\n className={cn(\r\n 'min-w-60 justify-between rounded-md px-4 text-left font-normal text-sm hover:bg-gray-50',\r\n !currentDate && 'text-gray-400',\r\n className\r\n )}\r\n disabled={disabled}\r\n >\r\n {currentDate ? (\r\n format(currentDate, 'dd/MM/yyyy')\r\n ) : (\r\n <span>{placeholder || 'Selecione a data'}</span>\r\n )}\r\n <CalendarBlank className=\"ml-4 size-4 text-gray-600\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n <Calendar\r\n mode=\"single\"\r\n selected={currentDate}\r\n onSelect={date => {\r\n setCurrentDate(date)\r\n onChange?.(date)\r\n }}\r\n />\r\n </PopoverContent>\r\n </Popover>\r\n )\r\n}\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Exports\r\n * -------------------------------------------------------------------------- */\r\n\r\nexport { DatePicker }\r\n"],"names":["DatePicker","date","placeholder","className","disabled","onChange","currentDate","setCurrentDate","useState","Popover","PopoverTrigger","Button","cn","format","CalendarBlank","PopoverContent","Calendar"],"mappings":";8PAuBA,SAASA,EAAW,CAClBC,KAAAA,CAAI,CACJC,YAAAA,CAAW,CACXC,UAAAA,CAAS,CACTC,SAAAA,EAAW,EAAK,CAChBC,SAAAA,CAAQ,CACQ,EAChB,GAAM,CAACC,EAAaC,EAAe,CAAGC,GAAAA,EAAAA,QAAAA,EAA2BP,GAEjE,MACE,WAACQ,EAAAA,OAAOA,CAAAA,C,UACN,UAACC,EAAAA,cAAcA,CAAAA,CAAC,QAAO,G,SACrB,WAACC,EAAAA,MAAMA,CAAAA,CACL,GAAG,OACH,QAAQ,YACR,KAAK,KACL,UAAWC,GAAAA,EAAAA,EAAAA,EACT,0FACA,CAACN,GAAe,gBAChBH,GAEF,SAAUC,E,UAETE,EACCO,GAAAA,EAAAA,MAAAA,EAAOP,EAAa,cAEpB,UAAC,Q,SAAMJ,GAAe,kB,GAExB,UAACY,EAAAA,aAAaA,CAAAA,CAAC,UAAU,2B,QAG7B,UAACC,EAAAA,cAAcA,CAAAA,CAAC,UAAU,aAAa,MAAM,Q,SAC3C,UAACC,EAAAA,QAAQA,CAAAA,CACP,KAAK,SACL,SAAUV,EACV,SAAUL,IACRM,EAAeN,GACfI,IAAWJ,EACb,C,OAKV,Q"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
'use client'
|
|
2
|
-
import*as t from"react/jsx-runtime";import*as e from"../lib/utils.js";import*as
|
|
2
|
+
import*as t from"react/jsx-runtime";import*as e from"../lib/utils.js";import*as r from"../primitive/input.js";import*as i from"./spinner.js";let o=(0,e.tv)({slots:{root:"flex h-12 w-full items-center gap-4 rounded-md border border-stroke bg-background px-4 ring-offset-background placeholder:text-gray-400 focus-within:outline-none focus-within:ring-2 focus-within:ring-gbm-sky focus-within:ring-offset-2 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",input:"peer h-full w-full flex-1 overflow-hidden bg-transparent text-base outline-none placeholder:text-gray-400"}}),{input:n,root:s}=o();function a({className:e,disabled:o,loaderPosition:a,loading:l,prefix:d,readOnly:u,spinner:p,suffix:f,classNames:c,...m}){return(0,t.jsx)(r.Root,{className:s({className:[e,c?.wrapper]}),"data-slot":"input",disabled:o,loaderPosition:a,loading:l,prefix:d,readOnly:u,spinner:p||(0,t.jsx)(i.Spinner,{}),suffix:f,children:(0,t.jsx)(r.Field,{className:n({className:c?.input}),"data-slot":"input-item",...m})})}export{a as Input,o as inputVariants};
|
|
3
3
|
//# sourceMappingURL=input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components\\input.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/input.tsx"],"sourcesContent":["\r\n\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, tv } from '@/lib/utils'\r\nimport * as InputPrimitive from '@/primitive/input'\r\nimport { Spinner } from './spinner'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Input\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst inputVariants = tv({\r\n slots: {\r\n root: 'flex h-12 w-full items-center gap-4 rounded-md border border-
|
|
1
|
+
{"version":3,"file":"components\\input.js","sources":["webpack://@gbmtech/aurora-ui/./src/components/input.tsx"],"sourcesContent":["\r\n\r\nimport { ComponentProps, JSX } from 'react'\r\n\r\nimport { VariantProps, tv } from '@/lib/utils'\r\nimport * as InputPrimitive from '@/primitive/input'\r\nimport { Spinner } from './spinner'\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Variant: Input\r\n * -------------------------------------------------------------------------- */\r\n\r\nconst inputVariants = tv({\r\n slots: {\r\n root: 'flex h-12 w-full items-center gap-4 rounded-md border border-stroke bg-background px-4 ring-offset-background placeholder:text-gray-400 focus-within:outline-none focus-within:ring-2 focus-within:ring-gbm-sky focus-within:ring-offset-2 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50',\r\n input:\r\n 'peer h-full w-full flex-1 overflow-hidden bg-transparent text-base outline-none placeholder:text-gray-400',\r\n },\r\n})\r\n\r\nconst { input, root } = inputVariants()\r\n\r\n/* -----------------------------------------------------------------------------\r\n * Component: Input\r\n * -------------------------------------------------------------------------- */\r\n\r\nfunction Input({\r\n className,\r\n disabled,\r\n loaderPosition,\r\n loading,\r\n prefix,\r\n readOnly,\r\n spinner,\r\n suffix,\r\n classNames,\r\n ...props\r\n}: ComponentProps<typeof InputPrimitive.Root> &\r\n Omit<ComponentProps<typeof InputPrimitive.Field>, 'prefix' | 'type'> &\r\n VariantProps<typeof inputVariants> & {\r\n type?:\r\n | 'date'\r\n | 'datetime-local'\r\n | 'email'\r\n | 'file'\r\n | 'month'\r\n | 'number'\r\n | 'password'\r\n | 'search'\r\n | 'tel'\r\n | 'text'\r\n | 'time'\r\n | 'url'\r\n | 'week'\r\n classNames?: {\r\n wrapper?: string\r\n input?: string\r\n }\r\n }): JSX.Element {\r\n return (\r\n <InputPrimitive.Root\r\n className={root({ className: [className, classNames?.wrapper] })}\r\n data-slot=\"input\"\r\n disabled={disabled}\r\n loaderPosition={loaderPosition}\r\n loading={loading}\r\n prefix={prefix}\r\n readOnly={readOnly}\r\n spinner={spinner || <Spinner />}\r\n suffix={suffix}\r\n >\r\n <InputPrimitive.Field\r\n className={input({ className: classNames?.input })}\r\n data-slot=\"input-item\"\r\n {...props}\r\n />\r\n </InputPrimitive.Root>\r\n )\r\n}\r\n\r\nexport { Input, inputVariants }\r\n"],"names":["inputVariants","tv","input","root","Input","className","disabled","loaderPosition","loading","prefix","readOnly","spinner","suffix","classNames","props","InputPrimitive","Spinner"],"mappings":";6IAYA,IAAMA,EAAgBC,GAAAA,EAAAA,EAAAA,EAAG,CACvB,MAAO,CACL,KAAM,qTACN,MACE,2GACJ,CACF,GAEM,CAAEC,MAAAA,CAAK,CAAEC,KAAAA,CAAI,CAAE,CAAGH,IAMxB,SAASI,EAAM,CACbC,UAAAA,CAAS,CACTC,SAAAA,CAAQ,CACRC,eAAAA,CAAc,CACdC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,SAAAA,CAAQ,CACRC,QAAAA,CAAO,CACPC,OAAAA,CAAM,CACNC,WAAAA,CAAU,CACV,GAAGC,EAsBF,EACD,MACE,UAACC,EAAAA,IAAmB,EAClB,UAAWZ,EAAK,CAAE,UAAW,CAACE,EAAWQ,GAAY,QAAQ,GAC7D,YAAU,QACV,SAAUP,EACV,eAAgBC,EAChB,QAASC,EACT,OAAQC,EACR,SAAUC,EACV,QAASC,GAAW,UAACK,EAAAA,OAAOA,CAAAA,CAAAA,GAC5B,OAAQJ,E,SAER,UAACG,EAAAA,KAAoB,EACnB,UAAWb,EAAM,CAAE,UAAWW,GAAY,KAAM,GAChD,YAAU,aACT,GAAGC,CAAK,IAIjB,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-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-
|
|
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-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",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 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-600\",\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-lg 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":";qLAaA,SAASA,EAAO,CACd,GAAGC,EACyC,EAC5C,MAAO,UAACC,EAAAA,IAAoB,EAAC,YAAU,SAAU,GAAGD,CAAK,EAC3D,CAMA,SAASE,EAAY,CACnB,GAAGF,EAC0C,EAC7C,MAAO,UAACC,EAAAA,KAAqB,EAAC,YAAU,eAAgB,GAAGD,CAAK,EAClE,CAMA,SAASG,EAAY,CACnB,GAAGH,EAC0C,EAC7C,MAAO,UAACC,EAAAA,KAAqB,EAAC,YAAU,eAAgB,GAAGD,CAAK,EAClE,CAMA,SAASI,EAAc,CACrBC,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTC,KAAAA,EAAO,IAAI,CACX,GAAGP,EAGJ,EACC,MACE,WAACC,EAAAA,OAAuB,EACtB,UAAWO,GAAAA,EAAAA,cAAAA,EAAe,CACxB,UAAW,CACT,6SACAF,EACD,CACDC,KAAAA,EACA,QAAS,WACX,GACA,YAAWA,EACX,YAAU,iBACT,GAAGP,CAAK,C,UAERK,EACD,UAACJ,EAAAA,IAAoB,EAAC,QAAO,GAAC,UAAU,6B,SACtC,UAACQ,EAAAA,SAASA,CAAAA,CAAAA,E,KAIlB,CAMA,SAASC,EAAqB,CAC5BJ,UAAAA,CAAS,CACT,GAAGN,EACmD,EACtD,MACE,UAACC,EAAAA,cAA8B,EAC7B,UAAWU,GAAAA,EAAAA,EAAAA,EACT,sDACAL,GAEF,YAAU,0BACT,GAAGN,CAAK,C,SAET,UAACY,EAAAA,OAAOA,CAAAA,CAAC,KAAM,E,IAGrB,CAMA,SAASC,EAAuB,CAC9BP,UAAAA,CAAS,CACT,GAAGN,EACqD,EACxD,MACE,UAACC,EAAAA,gBAAgC,EAC/B,UAAWU,GAAAA,EAAAA,EAAAA,EACT,sDACAL,GAEF,YAAU,4BACT,GAAGN,CAAK,C,SAET,UAACS,EAAAA,SAASA,CAAAA,CAAC,KAAM,E,IAGvB,CAMA,SAASK,EAAc,CACrBT,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACTS,SAAAA,EAAW,QAAQ,CACnB,GAAGf,EAC4C,EAC/C,MACE,UAACC,EAAAA,MAAsB,E,SACrB,WAACA,EAAAA,OAAuB,EACtB,UAAWU,GAAAA,EAAAA,EAAAA,EACT,2uBACAI,WAAAA,GACE,kIACFT,GAEF,YAAU,iBACV,SAAUS,EACT,GAAGf,CAAK,C,UAET,UAACU,EAAAA,CAAAA,GACD,UAACT,EAAAA,QAAwB,EACvB,UAAWU,GAAAA,EAAAA,EAAAA,EACT,MACAI,WAAAA,GACE,iF,SAGHV,C,GAEH,UAACQ,EAAAA,CAAAA,G,IAIT,CAMA,SAASG,EAAY,CACnBV,UAAAA,CAAS,CACT,GAAGN,EAC0C,EAC7C,MACE,UAACC,EAAAA,KAAqB,EACpB,UAAWU,GAAAA,EAAAA,EAAAA,EACT,8DACAL,GAEF,YAAU,eACT,GAAGN,CAAK,EAGf,CAMA,SAASiB,EAAW,CAClBZ,SAAAA,CAAQ,CACRC,UAAAA,CAAS,CACT,GAAGN,EACyC,EAC5C,MACE,WAACC,EAAAA,IAAoB,EACnB,UAAWU,GAAAA,EAAAA,EAAAA,EACT,iaACAL,GAEF,YAAU,cACT,GAAGN,CAAK,C,UAET,UAAC,QAAK,UAAU,oD,SACd,UAACC,EAAAA,aAA6B,E,SAC5B,UAACiB,EAAAA,KAAKA,CAAAA,CAAC,UAAU,Q,OAGrB,UAACjB,EAAAA,QAAwB,E,SAAEI,C,KAGjC,CAMA,SAASc,EAAgB,CACvBb,UAAAA,CAAS,CACT,GAAGN,EAC8C,EACjD,MACE,UAACC,EAAAA,SAAyB,EACxB,UAAWU,GAAAA,EAAAA,EAAAA,EAAG,2BAA4BL,GAC1C,YAAU,mBACT,GAAGN,CAAK,EAGf,Q"}
|
|
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 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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"}
|