@xjur-ui/react 2.2.2 → 2.2.4
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/CHANGELOG.md +12 -0
- package/dist/chunk-5Z3AIBBS.js +2 -0
- package/dist/{chunk-JGPHBUVM.js.map → chunk-5Z3AIBBS.js.map} +1 -1
- package/dist/{chunk-TQWBQ452.js → chunk-PBI3K7KX.js} +2 -2
- package/dist/chunk-PBI3K7KX.js.map +1 -0
- package/dist/chunk-SYECSMYR.js +2 -0
- package/dist/chunk-SYECSMYR.js.map +1 -0
- package/dist/{chunk-MTIWFWRN.js → chunk-XC6SVYAS.js} +2 -2
- package/dist/{chunk-MTIWFWRN.js.map → chunk-XC6SVYAS.js.map} +1 -1
- package/dist/components/controls/date-picker.d.ts +2 -1
- package/dist/components/controls/date-picker.js +1 -1
- package/dist/components/controls/date-picker.js.map +1 -1
- package/dist/components/controls/floating-label.js +1 -1
- package/dist/components/controls/input.d.ts +2 -1
- package/dist/components/controls/input.js +1 -1
- package/dist/components/controls/rating.js +1 -1
- package/dist/components/controls/select.d.ts +2 -1
- package/dist/components/controls/select.js +1 -1
- package/dist/components/controls/slider.js +1 -1
- package/dist/components/full-calendar/calendar-toggle-view.js +1 -1
- package/dist/components/full-calendar/index.js +1 -1
- package/dist/components/steps/index.js +1 -1
- package/dist/components/table/index.js +1 -1
- package/dist/components/upload.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/package.json +14 -14
- package/dist/chunk-DTNZXDCY.js +0 -2
- package/dist/chunk-DTNZXDCY.js.map +0 -1
- package/dist/chunk-JGPHBUVM.js +0 -2
- package/dist/chunk-TQWBQ452.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import {b}from'./chunk-2JQVYVAT.js';import {tv}from'@xjur-ui/util';import {jsx}from'react/jsx-runtime';function d({className:e,htmlFor:a,children:l,...n}){let{state:s}=b(),r=tv({base:["group inline-block max-w-full truncate text-left","ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250","text-size-body-md","group-focus-within:-top-[3px]","group-data-[state=open]:-top-[3px]","group-focus-within:text-size-label-sm-1x group-focus-within:font-medium","group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium","group-has-[input:not(:placeholder-shown)]:-top-[3px]","group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x","group-has-[input:not(:placeholder-shown)]:font-medium","group-has-[div[data-slot=control-left-slot]]:left-large-4x","group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small","group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small","group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small","group-focus-within:animate-in","group-has-[input:not(:placeholder-shown)]:animate-out","data-[disabled=true]:hidden"],variants:{state:{normal:["group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle","group-has-[input:not(:placeholder-shown)]:!text-primary-idle"],error:["group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active","group-has-[input:not(:placeholder-shown)]:!text-danger-label-active"],disabled:[]}}});return jsx("label",{className:r({className:e,state:s}),htmlFor:a,...n,children:jsx("span",{className:"rounded-small-1x bg-layer-2-idle max-w-full",children:l})})}export{d as a};//# sourceMappingURL=chunk-5Z3AIBBS.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-5Z3AIBBS.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/controls/floating-label.tsx"],"names":["FloatingLabel","className","htmlFor","children","props","state","useFieldContext","label","tv","jsx"],"mappings":"uGAIO,SAASA,EAAc,CAC5B,SAAA,CAAAC,EACA,OAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA4B,CAC1B,GAAM,CAAE,KAAA,CAAAC,CAAM,CAAA,CAAIC,CAAAA,GAEZC,CAAAA,CAAQC,EAAAA,CAAG,CACf,IAAA,CAAM,CACJ,mDACA,0HAAA,CACA,mBAAA,CAEA,gCACA,oCAAA,CAEA,yEAAA,CACA,oFAEA,sDAAA,CACA,iEAAA,CACA,wDAEA,
|
|
1
|
+
{"version":3,"sources":["../src/components/controls/floating-label.tsx"],"names":["FloatingLabel","className","htmlFor","children","props","state","useFieldContext","label","tv","jsx"],"mappings":"uGAIO,SAASA,EAAc,CAC5B,SAAA,CAAAC,EACA,OAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA4B,CAC1B,GAAM,CAAE,KAAA,CAAAC,CAAM,CAAA,CAAIC,CAAAA,GAEZC,CAAAA,CAAQC,EAAAA,CAAG,CACf,IAAA,CAAM,CACJ,mDACA,0HAAA,CACA,mBAAA,CAEA,gCACA,oCAAA,CAEA,yEAAA,CACA,oFAEA,sDAAA,CACA,iEAAA,CACA,wDAEA,4DAAA,CACA,4EAAA,CACA,mGAAA,CACA,iFAAA,CAEA,+BAAA,CACA,uDAAA,CACA,6BACF,CAAA,CACA,QAAA,CAAU,CACR,KAAA,CAAO,CACL,OAAQ,CACN,kFAAA,CACA,8DACF,CAAA,CACA,KAAA,CAAO,CACL,gGAAA,CACA,qEACF,EACA,QAAA,CAAU,EACZ,CACF,CACF,CAAC,CAAA,CAED,OACEC,IAAC,OAAA,CAAA,CAAM,SAAA,CAAWF,EAAM,CAAE,SAAA,CAAAN,EAAW,KAAA,CAAAI,CAAM,CAAC,CAAA,CAAG,OAAA,CAASH,EAAU,GAAGE,CAAAA,CACnE,SAAAK,GAAAA,CAAC,MAAA,CAAA,CAAK,UAAU,6CAAA,CACb,QAAA,CAAAN,CAAAA,CACH,CAAA,CACF,CAEJ","file":"chunk-5Z3AIBBS.js","sourcesContent":["import type { ComponentProps } from 'react'\nimport { tv } from '@xjur-ui/util'\nimport { useFieldContext } from './context/field.context'\n\nexport function FloatingLabel({\n className,\n htmlFor,\n children,\n ...props\n}: ComponentProps<'label'>) {\n const { state } = useFieldContext()\n\n const label = tv({\n base: [\n 'group inline-block max-w-full truncate text-left',\n 'ease animate-in left-small right-small pointer-events-none absolute top-1/2 -translate-y-1/2 transition-all duration-250',\n 'text-size-body-md',\n // Filled\n 'group-focus-within:-top-[3px]',\n 'group-data-[state=open]:-top-[3px]',\n\n 'group-focus-within:text-size-label-sm-1x group-focus-within:font-medium',\n 'group-data-[state=open]:text-size-label-sm-1x group-data-[state=open]:font-medium',\n\n 'group-has-[input:not(:placeholder-shown)]:-top-[3px]',\n 'group-has-[input:not(:placeholder-shown)]:text-size-label-sm-1x',\n 'group-has-[input:not(:placeholder-shown)]:font-medium',\n // If has left slot\n 'group-has-[div[data-slot=control-left-slot]]:left-large-4x',\n 'group-has-[div[data-slot=control-left-slot]]:group-focus-within:left-small',\n 'group-has-[div[data-slot=control-left-slot]]:group-has-[input:not(:placeholder-shown)]:left-small',\n 'group-has-[div[data-slot=control-left-slot]]:group-data-[state=open]:left-small',\n // Animate\n 'group-focus-within:animate-in',\n 'group-has-[input:not(:placeholder-shown)]:animate-out',\n 'data-[disabled=true]:hidden'\n ],\n variants: {\n state: {\n normal: [\n 'group-focus-within:!text-primary-idle group-data-[state=open]:!text-primary-idle',\n 'group-has-[input:not(:placeholder-shown)]:!text-primary-idle'\n ],\n error: [\n 'group-focus-within:!text-danger-label-active group-data-[state=open]:!text-danger-label-active',\n 'group-has-[input:not(:placeholder-shown)]:!text-danger-label-active'\n ],\n disabled: []\n }\n }\n })\n\n return (\n <label className={label({ className, state })} htmlFor={htmlFor} {...props}>\n <span className=\"rounded-small-1x bg-layer-2-idle max-w-full\">\n {children}\n </span>\n </label>\n )\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a as a$2}from'./chunk-PBR7SFWY.js';import {a as a$1}from'./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import {a as a$2}from'./chunk-PBR7SFWY.js';import {a as a$1}from'./chunk-5Z3AIBBS.js';import {a,b}from'./chunk-2JQVYVAT.js';import {a as a$3}from'./chunk-CBFC4QME.js';import {b as b$1}from'./chunk-DVDHTP4C.js';import {tv,twMerge}from'@xjur-ui/util';import {InputMask}from'@react-input/mask';import {InputNumberFormat}from'@react-input/number-format';import {jsx,jsxs}from'react/jsx-runtime';var y=tv({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:"flex w-full",value:"text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none",icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal",action:"h-large-4x overflow-hidden"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}}),{wrapper:h,trigger:I,content:C,value:p,icon:N,caption:w,action:P,slotText:k}=y();function R({className:e,state:t="normal",customMask:r,variant:n="normal",mask:a$1,...l}){return jsx(a.Provider,{value:{state:t,customMask:r,mask:a$1,variant:n},children:jsx("div",{className:h({className:e,state:t}),...l})})}function S({className:e,...t}){let{state:r}=b();return jsx("div",{className:C({className:e,state:r}),...t})}function V(e){return jsx(a$1,{...e})}function B({className:e,...t}){let{state:r,variant:n}=b(),a=tv({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),l=twMerge(I({state:r,className:e}),n==="filter"&&a({state:r,className:e}));return jsx("div",{"aria-disabled":r==="disabled",className:l,...t})}function $({className:e,placeholder:t,...r}){let{customMask:n,state:a,mask:l,variant:d}=b();return jsx(InputMask,{...r,...l?{...a$2(l)}:n&&{...n},className:p({className:e,state:a}),disabled:a==="disabled",placeholder:d==="filter"?" ":t,readOnly:a==="disabled"})}function q({className:e,placeholder:t,...r}){let{state:n,variant:a}=b();return jsx("input",{...r,className:p({className:e,state:n}),disabled:n==="disabled",placeholder:a==="filter"?" ":t,readOnly:n==="disabled"})}function E({className:e,locales:t="pt-BR",placeholder:r,groupDisplay:n=false,...a}){let{state:l,variant:d}=b();return jsx(InputNumberFormat,{...a,className:p({className:e,state:l}),disabled:l==="disabled",groupDisplay:n,locales:t,placeholder:d==="filter"?" ":r,readOnly:l==="disabled"})}function G({className:e,name:t,orientation:r="left",...n}){let{state:a}=b();return jsx("div",{className:N({className:e,state:a}),"data-slot":`control-${r}-slot`,...n,children:jsx(b$1,{name:t})})}function H({className:e,...t}){let{state:r}=b();return jsx("span",{className:k({className:e,state:r}),...t})}function J({className:e,...t}){let{state:r}=b();return jsx("p",{className:w({className:e,state:r}),...t})}function F({className:e,...t}){let{state:r}=b();return jsx("div",{className:P({className:e,state:r}),"data-slot":"input-action-slot",...t})}function K({handleIncrement:e,handleDecrement:t}){return jsxs(F,{className:"w-large-4x border-border-layer-2 rounded-r-small-1x bg-layer-2-hover flex flex-col items-center justify-center border",children:[jsx("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:e,children:jsx(b$1,{className:"text-icon-neutral-3",name:"keyboard_arrow_up"})}),jsx(a$3,{}),jsx("button",{className:"flex h-1/2 items-center justify-center",type:"button",onClick:t,children:jsx(b$1,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})})]})}export{y as a,R as b,S as c,V as d,B as e,$ as f,q as g,E as h,G as i,H as j,J as k,F as l,K as m};//# sourceMappingURL=chunk-PBI3K7KX.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-PBI3K7KX.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/controls/input.tsx"],"names":["input","tv","wrapper","trigger","content","value","icon","caption","action","slotText","InputRoot","className","state","customMask","variant","mask","props","jsx","FieldContext","InputContent","useFieldContext","InputLabel","FloatingLabel","InputTrigger","filterTrigger","mergedClassName","twMerge","InputMask","placeholder","InputMaskComponent","inputMask","InputText","InputNumber","locales","groupDisplay","InputNumberFormat","InputIcon","name","orientation","Icon","InputSlot","InputCaption","InputAction","InputNumericStepper","handleIncrement","handleDecrement","jsxs","Divider"],"mappings":"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","file":"chunk-PBI3K7KX.js","sourcesContent":["import { tv, twMerge } from '@xjur-ui/util'\nimport type { ComponentProps } from 'react'\nimport { InputMask as InputMaskComponent } from '@react-input/mask'\nimport {\n InputNumberFormat,\n type InputNumberFormatProps\n} from '@react-input/number-format'\nimport { Icon, type IconType } from '../icon'\nimport { inputMask } from '../../resources/input-mask'\nimport { Divider } from '../divider'\nimport {\n type FieldContextValue,\n FieldContext,\n useFieldContext\n} from './context/field.context'\nimport { FloatingLabel } from './floating-label'\n\nexport const input = tv({\n slots: {\n wrapper: 'group flex flex-col gap-small-2x',\n trigger: [\n 'h-large-4x relative',\n 'inline-flex w-auto items-center gap-small rounded-small-1x',\n 'py-small_1x-alt px-small',\n 'bg-layer-2-hover border border-transparent',\n 'group-has-[div[data-slot=input-action-slot]]:rounded-r-none',\n 'transition-all duration-200'\n ],\n content: 'flex w-full',\n value:\n 'text-size-body-md font-normal placeholder:text-neutral-placeholder flex-1 outline-none',\n icon: 'size-large text-icon-neutral-3 flex items-center justify-center',\n slotText:\n 'size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder',\n caption: '!text-size-body-sm font-normal',\n action: 'h-large-4x overflow-hidden'\n },\n variants: {\n state: {\n normal: {\n trigger:\n 'hover:border-border-layer-1 focus-within:border-primary-idle focus-within:hover:border-primary-idle'\n },\n error: {\n trigger:\n 'border-danger-idle hover:border-danger-idle focus-within:border-danger-idle focus-within:hover:border-danger-idle',\n caption: 'text-danger-label-idle'\n },\n disabled: {\n trigger: 'pointer-events-none border-transparent bg-layer-2-idle'\n }\n }\n }\n})\n\nconst { wrapper, trigger, content, value, icon, caption, action, slotText } =\n input()\n\nexport function InputRoot({\n className,\n state = 'normal',\n customMask,\n variant = 'normal',\n mask,\n ...props\n}: ComponentProps<'div'> & FieldContextValue) {\n return (\n <FieldContext.Provider value={{ state, customMask, mask, variant }}>\n <div className={wrapper({ className, state })} {...props} />\n </FieldContext.Provider>\n )\n}\n\nexport function InputContent({ className, ...props }: ComponentProps<'div'>) {\n const { state } = useFieldContext()\n return <div className={content({ className, state })} {...props} />\n}\n\nexport function InputLabel(props: ComponentProps<typeof FloatingLabel>) {\n return <FloatingLabel {...props} />\n}\n\nexport function InputTrigger({ className, ...props }: ComponentProps<'div'>) {\n const { state, variant } = useFieldContext()\n\n const filterTrigger = tv({\n base: ['group bg-layer-2-idle relative'],\n variants: {\n state: {\n normal: [\n 'border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle'\n ],\n error: ['border-danger-idle hover:border-danger-idle'],\n disabled: ['border border-border-layer-2 opacity-60']\n }\n }\n })\n\n const mergedClassName = twMerge(\n trigger({ state, className }),\n variant === 'filter' && filterTrigger({ state, className })\n )\n\n return (\n <div\n aria-disabled={state === 'disabled'}\n className={mergedClassName}\n {...props}\n />\n )\n}\n\nexport function InputMask({\n className,\n placeholder,\n ...props\n}: ComponentProps<'input'>) {\n const { customMask, state, mask, variant } = useFieldContext()\n\n return (\n <InputMaskComponent\n {...props}\n {...(mask ? { ...inputMask(mask) } : customMask && { ...customMask })}\n className={value({ className, state })}\n disabled={state === 'disabled'}\n placeholder={variant === 'filter' ? ' ' : placeholder}\n readOnly={state === 'disabled'}\n />\n )\n}\n\nexport function InputText({\n className,\n placeholder,\n ...props\n}: ComponentProps<'input'>) {\n const { state, variant } = useFieldContext()\n\n return (\n <input\n {...props}\n className={value({ className, state })}\n disabled={state === 'disabled'}\n placeholder={variant === 'filter' ? ' ' : placeholder}\n readOnly={state === 'disabled'}\n />\n )\n}\n\nexport function InputNumber({\n className,\n locales = 'pt-BR',\n placeholder,\n groupDisplay = false,\n ...props\n}: InputNumberFormatProps) {\n const { state, variant } = useFieldContext()\n\n return (\n <InputNumberFormat\n {...props}\n className={value({ className, state })}\n disabled={state === 'disabled'}\n groupDisplay={groupDisplay}\n locales={locales}\n placeholder={variant === 'filter' ? ' ' : placeholder}\n readOnly={state === 'disabled'}\n />\n )\n}\n\nexport function InputIcon({\n className,\n name,\n orientation = 'left',\n ...props\n}: ComponentProps<'div'> & {\n name: IconType\n orientation?: 'left' | 'right'\n}) {\n const { state } = useFieldContext()\n\n return (\n <div\n className={icon({ className, state })}\n data-slot={`control-${orientation}-slot`}\n {...props}\n >\n <Icon name={name} />\n </div>\n )\n}\n\nexport function InputSlot({ className, ...props }: ComponentProps<'span'>) {\n const { state } = useFieldContext()\n return <span className={slotText({ className, state })} {...props} />\n}\n\nexport function InputCaption({ className, ...props }: ComponentProps<'p'>) {\n const { state } = useFieldContext()\n return <p className={caption({ className, state })} {...props} />\n}\n\nexport function InputAction({ className, ...props }: ComponentProps<'div'>) {\n const { state } = useFieldContext()\n return (\n <div\n className={action({ className, state })}\n data-slot=\"input-action-slot\"\n {...props}\n />\n )\n}\n\nexport function InputNumericStepper({\n handleIncrement,\n handleDecrement\n}: {\n handleIncrement: () => void\n handleDecrement: () => void\n}) {\n return (\n <InputAction className=\"w-large-4x border-border-layer-2 rounded-r-small-1x bg-layer-2-hover flex flex-col items-center justify-center border\">\n <button\n className=\"flex h-1/2 items-center justify-center\"\n type=\"button\"\n onClick={handleIncrement}\n >\n <Icon className=\"text-icon-neutral-3\" name=\"keyboard_arrow_up\" />\n </button>\n\n <Divider />\n\n <button\n className=\"flex h-1/2 items-center justify-center\"\n type=\"button\"\n onClick={handleDecrement}\n >\n <Icon className=\"text-icon-neutral-3\" name=\"keyboard_arrow_down\" />\n </button>\n </InputAction>\n )\n}\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import {a as a$1}from'./chunk-5Z3AIBBS.js';import {a,b}from'./chunk-2JQVYVAT.js';import {a as a$3,d,e,b as b$2,c}from'./chunk-YOLTIAFT.js';import {b as b$1}from'./chunk-DVDHTP4C.js';import {a as a$2}from'./chunk-EIG6CBTQ.js';import {tv,twMerge,twJoin}from'@xjur-ui/util';import {useMemo}from'react';import*as s from'@radix-ui/react-popover';import {jsx,jsxs}from'react/jsx-runtime';var w=tv({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x w-auto inline-flex cursor-pointer relative","items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-idle border border-border-layer-2","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-3 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}}),{wrapper:S,trigger:N,icon:L,caption:O,slotText:F,content:I}=w();function J({className:t,state:e="normal",defaultOpen:o,variant:n="normal",modal:i,open:a$1,onOpenChange:p,...c}){return jsx(s.Root,{defaultOpen:o,modal:i,open:a$1,onOpenChange:p,children:jsx(a.Provider,{value:{state:e,variant:n},children:jsx("div",{className:S({className:t,state:e}),...c})})})}function _({className:t,...e}){let{state:o,variant:n}=b(),i=tv({base:["group bg-layer-2-idle"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),a=twMerge(N({state:o,className:t}),n==="filter"&&i({state:o,className:t}));return jsx(s.Trigger,{className:a,disabled:o==="disabled",...e})}function $({className:t,name:e,orientation:o="left",...n}){let{state:i}=b();return jsx("div",{className:L({className:t,state:i}),"data-slot":`control-${o}-slot`,...n,children:jsx(b$1,{name:e})})}function q({className:t,displayValue:e="",value:o,placeholder:n,...i}){let{variant:a}=b(),p=useMemo(()=>a==="filter"?e:e||n,[e,n,a]);return jsxs("div",{className:"grid w-full items-center",children:[n&&a==="filter"&&jsx(a$1,{children:n}),n&&a==="filter"&&jsx(a$2,{className:"invisible col-start-1 row-start-1 self-center",children:n}),jsx(a$2,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:p}),jsx("input",{...i,"aria-readonly":true,className:twJoin("pointer-events-none",t),hidden:true,placeholder:" ",readOnly:true,value:o??""})]})}function B({className:t,value:e,placeholder:o,children:n,...i}){let{variant:a}=b(),p=useMemo(()=>a==="filter"?false:Array.isArray(e)&&e.length===0&&o,[e,o,a]),c=useMemo(()=>Array.isArray(e)&&e.length>0,[e]);return jsxs("div",{className:twMerge(t,"gap-small-1x scrollbar-hide flex w-full overflow-x-hidden","group-disabled:!pl-0"),children:[o&&a==="filter"&&jsx(a$1,{children:o}),o&&a==="filter"&&!c&&jsx(a$2,{className:"invisible",children:o}),p&&jsx(a$2,{className:"text-neutral-dark",children:o}),n,jsx("input",{...i,"aria-readonly":true,className:twMerge(t,"pointer-events-none"),hidden:true,placeholder:c?"":" ",readOnly:true,value:Array.isArray(e)?e.join(","):e})]})}function D({className:t,sideOffset:e=5,side:o="bottom",align:n="start",children:i,...a}){let{state:p}=b();return jsx(s.Portal,{children:jsx(s.Content,{align:n,className:I({className:t,state:p}),side:o,sideOffset:e,...a,children:jsx(a$3,{children:i})})})}function E({className:t,...e}){let{state:o}=b();return jsx("p",{className:O({className:t,state:o}),...e})}function G({className:t,...e}){let{state:o}=b();return jsx("span",{className:F({className:t,state:o}),"data-slot":"control-left-slot",...e})}function K(t){return jsx(d,{...t})}function Q({className:t,...e$1}){return jsx(e,{className:twMerge(t,"cursor-pointer"),...e$1})}function U(t){return jsx(a$2,{...t})}function W(t){return jsx(b$2,{...t})}function X(t){return jsx(c,{...t})}export{w as a,J as b,_ as c,$ as d,q as e,B as f,D as g,E as h,G as i,K as j,Q as k,U as l,W as m,X as n};//# sourceMappingURL=chunk-SYECSMYR.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-SYECSMYR.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/controls/select.tsx"],"names":["select","tv","wrapper","trigger","icon","caption","slotText","content","SelectRoot","className","state","defaultOpen","variant","modal","open","handleOpenChange","props","jsx","FieldContext","SelectTrigger","useFieldContext","filterTrigger","mergedClassName","twMerge","SelectIcon","name","orientation","Icon","SelectValue","displayValue","value","placeholder","valueOrPlaceholder","useMemo","jsxs","FloatingLabel","Typography","twJoin","SelectMultiValue","children","shouldShowPlaceholder","hasSelectedItems","SelectContent","sideOffset","side","align","ListRoot","SelectCaption","SelectSlot","SelectOptions","ListContent","SelectOption","ListItem","SelectOptionText","SelectHeader","ListHeader","SelectHeaderTitle","ListHeaderTitle"],"mappings":"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","file":"chunk-SYECSMYR.js","sourcesContent":["import { tv, twJoin, twMerge } from '@xjur-ui/util'\nimport { useMemo, type ComponentProps } from 'react'\nimport * as RadixPopover from '@radix-ui/react-popover'\nimport { Icon, type IconType } from '../icon'\nimport { Typography } from '../typography'\nimport {\n ListHeaderTitle,\n ListHeader,\n ListContent,\n ListItem,\n ListRoot\n} from '../list'\nimport {\n FieldContext,\n useFieldContext,\n type FieldContextValue\n} from './context/field.context'\nimport { FloatingLabel } from './floating-label'\n\nexport const select = tv({\n slots: {\n wrapper: 'group flex flex-col gap-small-2x',\n trigger: [\n 'h-large-4x w-auto inline-flex cursor-pointer relative',\n 'items-center gap-small rounded-small-1x',\n 'py-small_1x-alt px-small',\n 'bg-layer-2-idle border border-border-layer-2',\n 'group-has-[div[data-slot=input-action-slot]]:rounded-r-none',\n 'transition-all duration-200'\n ],\n content: [\n 'group z-1000 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]'\n ],\n icon: 'size-large text-icon-neutral-3 flex items-center justify-center',\n slotText:\n 'size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder',\n caption: '!text-size-body-sm font-normal'\n },\n variants: {\n state: {\n normal: {\n trigger:\n 'hover:border-border-layer-3 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle'\n },\n error: {\n trigger:\n 'border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle',\n caption: 'text-danger-label-idle'\n },\n disabled: {\n trigger: 'pointer-events-none border-transparent bg-layer-2-idle'\n }\n }\n }\n})\n\nconst { wrapper, trigger, icon, caption, slotText, content } = select()\n\nexport function SelectRoot({\n className,\n state = 'normal',\n defaultOpen,\n variant = 'normal',\n modal,\n open,\n onOpenChange: handleOpenChange,\n ...props\n}: ComponentProps<'div'> &\n FieldContextValue &\n ComponentProps<typeof RadixPopover.Root>) {\n return (\n <RadixPopover.Root\n defaultOpen={defaultOpen}\n modal={modal}\n open={open}\n onOpenChange={handleOpenChange}\n >\n <FieldContext.Provider value={{ state, variant }}>\n <div className={wrapper({ className, state })} {...props} />\n </FieldContext.Provider>\n </RadixPopover.Root>\n )\n}\n\nexport function SelectTrigger({\n className,\n ...props\n}: ComponentProps<typeof RadixPopover.Trigger>) {\n const { state, variant } = useFieldContext()\n\n const filterTrigger = tv({\n base: ['group bg-layer-2-idle'],\n variants: {\n state: {\n normal: [\n 'border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle'\n ],\n error: ['border-danger-idle hover:border-danger-idle'],\n disabled: ['border border-border-layer-2 opacity-60']\n }\n }\n })\n\n const mergedClassName = twMerge(\n trigger({ state, className }),\n variant === 'filter' && filterTrigger({ state, className })\n )\n\n return (\n <RadixPopover.Trigger\n className={mergedClassName}\n disabled={state === 'disabled'}\n {...props}\n />\n )\n}\n\nexport function SelectIcon({\n className,\n name,\n orientation = 'left',\n ...props\n}: ComponentProps<'div'> & {\n name: IconType\n orientation?: 'left' | 'right'\n}) {\n const { state } = useFieldContext()\n\n return (\n <div\n className={icon({ className, state })}\n data-slot={`control-${orientation}-slot`}\n {...props}\n >\n <Icon name={name} />\n </div>\n )\n}\n\nexport function SelectValue({\n className,\n displayValue = '',\n value,\n placeholder,\n ...props\n}: ComponentProps<'input'> & { displayValue?: string }) {\n const { variant } = useFieldContext()\n\n const valueOrPlaceholder = useMemo(() => {\n if (variant === 'filter') return displayValue\n return displayValue || placeholder\n }, [displayValue, placeholder, variant])\n\n return (\n <div className=\"grid w-full items-center\">\n {placeholder && variant === 'filter' && (\n <FloatingLabel>{placeholder}</FloatingLabel>\n )}\n\n {placeholder && variant === 'filter' && (\n <Typography className=\"invisible col-start-1 row-start-1 self-center\">\n {placeholder}\n </Typography>\n )}\n\n <Typography className=\"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left\">\n {valueOrPlaceholder}\n </Typography>\n\n <input\n {...props}\n aria-readonly={true}\n className={twJoin('pointer-events-none', className)}\n hidden={true}\n placeholder={' '}\n readOnly={true}\n value={value ?? ''}\n />\n </div>\n )\n}\n\nexport function SelectMultiValue({\n className,\n value,\n placeholder,\n children,\n ...props\n}: ComponentProps<'input'>) {\n const { variant } = useFieldContext()\n\n const shouldShowPlaceholder = useMemo(() => {\n if (variant === 'filter') return false\n return Array.isArray(value) && value.length === 0 && placeholder\n }, [value, placeholder, variant])\n\n const hasSelectedItems = useMemo(() => {\n return Array.isArray(value) && value.length > 0\n }, [value])\n\n return (\n <div\n className={twMerge(\n className,\n 'gap-small-1x scrollbar-hide flex w-full overflow-x-hidden',\n 'group-disabled:!pl-0'\n )}\n >\n {placeholder && variant === 'filter' && (\n <FloatingLabel>{placeholder}</FloatingLabel>\n )}\n\n {placeholder && variant === 'filter' && !hasSelectedItems && (\n <Typography className=\"invisible\">{placeholder}</Typography>\n )}\n\n {shouldShowPlaceholder && (\n <Typography className=\"text-neutral-dark\">{placeholder}</Typography>\n )}\n\n {children}\n\n <input\n {...props}\n aria-readonly={true}\n className={twMerge(className, 'pointer-events-none')}\n hidden={true}\n placeholder={hasSelectedItems ? '' : ' '}\n readOnly={true}\n value={Array.isArray(value) ? value.join(',') : value}\n />\n </div>\n )\n}\n\nexport function SelectContent({\n className,\n sideOffset = 5,\n side = 'bottom',\n align = 'start',\n children,\n ...props\n}: ComponentProps<typeof RadixPopover.Content>) {\n const { state } = useFieldContext()\n\n return (\n <RadixPopover.Portal>\n <RadixPopover.Content\n align={align}\n className={content({ className, state })}\n side={side}\n sideOffset={sideOffset}\n {...props}\n >\n <ListRoot>{children}</ListRoot>\n </RadixPopover.Content>\n </RadixPopover.Portal>\n )\n}\n\nexport function SelectCaption({ className, ...props }: ComponentProps<'p'>) {\n const { state } = useFieldContext()\n return <p className={caption({ className, state })} {...props} />\n}\n\nexport function SelectSlot({ className, ...props }: ComponentProps<'span'>) {\n const { state } = useFieldContext()\n return (\n <span\n className={slotText({ className, state })}\n data-slot=\"control-left-slot\"\n {...props}\n />\n )\n}\n\nexport function SelectOptions(props: ComponentProps<typeof ListContent>) {\n return <ListContent {...props} />\n}\n\nexport function SelectOption({\n className,\n ...props\n}: ComponentProps<typeof ListItem>) {\n return (\n <ListItem className={twMerge(className, 'cursor-pointer')} {...props} />\n )\n}\n\nexport function SelectOptionText(props: ComponentProps<typeof Typography>) {\n return <Typography {...props} />\n}\n\nexport function SelectHeader(props: ComponentProps<typeof ListHeader>) {\n return <ListHeader {...props} />\n}\n\nexport function SelectHeaderTitle(\n props: ComponentProps<typeof ListHeaderTitle>\n) {\n return <ListHeaderTitle {...props} />\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {b}from'./chunk-SXGSWVMZ.js';import {b as b$1,c,e,d,g,j,k,l}from'./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import {b}from'./chunk-SXGSWVMZ.js';import {b as b$1,c,e,d,g,j,k,l}from'./chunk-SYECSMYR.js';import {useMemo}from'react';import {jsx,jsxs}from'react/jsx-runtime';var s=[{name:"M\xEAs",value:"month"},{name:"Semana",value:"week"},{name:"Dia",value:"day"}];function V(){let{calendarView:l$1,handleChangeView:S}=b(),v=useMemo(()=>s.find(e=>e.value===l$1)?.name,[l$1]);return jsx("div",{className:"w-[94px]",children:jsxs(b$1,{children:[jsxs(c,{children:[jsx(e,{displayValue:v,name:"calendar-toggle-view",value:l$1}),jsx(d,{className:"text-icon-neutral-3",name:"keyboard_arrow_down"})]}),jsx(g,{children:jsx(j,{children:s.map(e=>jsx(k,{isActive:l$1===e.value,value:e.value,onClick:()=>S(e.value),children:jsx(l,{children:e.name})},e.value))})})]})})}export{V as a};//# sourceMappingURL=chunk-XC6SVYAS.js.map
|
|
2
|
+
//# sourceMappingURL=chunk-XC6SVYAS.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/full-calendar/calendar-toggle-view.tsx"],"names":["views","CalendarToggleView","calendarView","handleChangeView","useFullCalendar","displayValue","useMemo","view","jsx","jsxs","SelectRoot","SelectTrigger","SelectValue","SelectIcon","SelectContent","SelectOptions","SelectOption","SelectOptionText"],"mappings":"kKAcA,IAAMA,CAAAA,CAAsD,CAC1D,CAAE,IAAA,CAAM,QAAA,CAAO,KAAA,CAAO,OAAQ,CAAA,CAC9B,CAAE,IAAA,CAAM,QAAA,CAAU,KAAA,CAAO,MAAO,CAAA,CAChC,CAAE,IAAA,CAAM,KAAA,CAAO,KAAA,CAAO,KAAM,CAC9B,CAAA,CAEO,SAASC,CAAAA,EAAqB,CACnC,GAAM,CAAE,YAAA,CAAAC,GAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,CAAAA,EAAgB,CAErDC,CAAAA,CAAeC,OAAAA,CACnB,IAAMN,EAAM,IAAA,CAAKO,CAAAA,EAAQA,CAAAA,CAAK,KAAA,GAAUL,GAAY,CAAA,EAAG,IAAA,CACvD,CAACA,GAAY,CACf,CAAA,CAEA,OACEM,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,UAAA,CACb,SAAAC,IAAAA,CAACC,GAAAA,CAAA,CACC,QAAA,CAAA,CAAAD,IAAAA,CAACE,CAAAA,CAAA,CACC,QAAA,CAAA,CAAAH,GAAAA,CAACI,CAAAA,CAAA,CACC,YAAA,CAAcP,CAAAA,CACd,IAAA,CAAK,sBAAA,CACL,KAAA,CAAOH,IACT,CAAA,CACAM,GAAAA,CAACK,CAAAA,CAAA,CACC,SAAA,CAAU,qBAAA,CACV,IAAA,CAAK,qBAAA,CACP,CAAA,CAAA,CACF,CAAA,CAEAL,GAAAA,CAACM,CAAAA,CAAA,CACC,QAAA,CAAAN,GAAAA,CAACO,CAAAA,CAAA,CACE,QAAA,CAAAf,CAAAA,CAAM,GAAA,CAAIO,CAAAA,EACTC,GAAAA,CAACQ,CAAAA,CAAA,CACC,QAAA,CAAUd,GAAAA,GAAiBK,CAAAA,CAAK,KAAA,CAEhC,KAAA,CAAOA,CAAAA,CAAK,KAAA,CACZ,OAAA,CAAS,IAAMJ,EAAiBI,CAAAA,CAAK,KAAK,CAAA,CAE1C,QAAA,CAAAC,GAAAA,CAACS,CAAAA,CAAA,CAAkB,QAAA,CAAAV,EAAK,IAAA,CAAK,CAAA,CAAA,CAJxBA,CAAAA,CAAK,KAKZ,CACD,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,EACF,CAEJ","file":"chunk-
|
|
1
|
+
{"version":3,"sources":["../src/components/full-calendar/calendar-toggle-view.tsx"],"names":["views","CalendarToggleView","calendarView","handleChangeView","useFullCalendar","displayValue","useMemo","view","jsx","jsxs","SelectRoot","SelectTrigger","SelectValue","SelectIcon","SelectContent","SelectOptions","SelectOption","SelectOptionText"],"mappings":"kKAcA,IAAMA,CAAAA,CAAsD,CAC1D,CAAE,IAAA,CAAM,QAAA,CAAO,KAAA,CAAO,OAAQ,CAAA,CAC9B,CAAE,IAAA,CAAM,QAAA,CAAU,KAAA,CAAO,MAAO,CAAA,CAChC,CAAE,IAAA,CAAM,KAAA,CAAO,KAAA,CAAO,KAAM,CAC9B,CAAA,CAEO,SAASC,CAAAA,EAAqB,CACnC,GAAM,CAAE,YAAA,CAAAC,GAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,CAAAA,EAAgB,CAErDC,CAAAA,CAAeC,OAAAA,CACnB,IAAMN,EAAM,IAAA,CAAKO,CAAAA,EAAQA,CAAAA,CAAK,KAAA,GAAUL,GAAY,CAAA,EAAG,IAAA,CACvD,CAACA,GAAY,CACf,CAAA,CAEA,OACEM,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,UAAA,CACb,SAAAC,IAAAA,CAACC,GAAAA,CAAA,CACC,QAAA,CAAA,CAAAD,IAAAA,CAACE,CAAAA,CAAA,CACC,QAAA,CAAA,CAAAH,GAAAA,CAACI,CAAAA,CAAA,CACC,YAAA,CAAcP,CAAAA,CACd,IAAA,CAAK,sBAAA,CACL,KAAA,CAAOH,IACT,CAAA,CACAM,GAAAA,CAACK,CAAAA,CAAA,CACC,SAAA,CAAU,qBAAA,CACV,IAAA,CAAK,qBAAA,CACP,CAAA,CAAA,CACF,CAAA,CAEAL,GAAAA,CAACM,CAAAA,CAAA,CACC,QAAA,CAAAN,GAAAA,CAACO,CAAAA,CAAA,CACE,QAAA,CAAAf,CAAAA,CAAM,GAAA,CAAIO,CAAAA,EACTC,GAAAA,CAACQ,CAAAA,CAAA,CACC,QAAA,CAAUd,GAAAA,GAAiBK,CAAAA,CAAK,KAAA,CAEhC,KAAA,CAAOA,CAAAA,CAAK,KAAA,CACZ,OAAA,CAAS,IAAMJ,EAAiBI,CAAAA,CAAK,KAAK,CAAA,CAE1C,QAAA,CAAAC,GAAAA,CAACS,CAAAA,CAAA,CAAkB,QAAA,CAAAV,EAAK,IAAA,CAAK,CAAA,CAAA,CAJxBA,CAAAA,CAAK,KAKZ,CACD,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,EACF,CAEJ","file":"chunk-XC6SVYAS.js","sourcesContent":["import { useMemo } from 'react'\nimport {\n SelectContent,\n SelectOption,\n SelectRoot,\n SelectTrigger,\n SelectValue,\n SelectOptions,\n SelectOptionText,\n SelectIcon\n} from '../controls/select'\nimport type { CalendarView } from './types/calendar-view'\nimport { useFullCalendar } from './calendar-root'\n\nconst views: Array<{ name: string; value: CalendarView }> = [\n { name: 'Mês', value: 'month' },\n { name: 'Semana', value: 'week' },\n { name: 'Dia', value: 'day' }\n]\n\nexport function CalendarToggleView() {\n const { calendarView, handleChangeView } = useFullCalendar()\n\n const displayValue = useMemo(\n () => views.find(view => view.value === calendarView)?.name,\n [calendarView]\n )\n\n return (\n <div className=\"w-[94px]\">\n <SelectRoot>\n <SelectTrigger>\n <SelectValue\n displayValue={displayValue}\n name=\"calendar-toggle-view\"\n value={calendarView}\n />\n <SelectIcon\n className=\"text-icon-neutral-3\"\n name=\"keyboard_arrow_down\"\n />\n </SelectTrigger>\n\n <SelectContent>\n <SelectOptions>\n {views.map(view => (\n <SelectOption\n isActive={calendarView === view.value}\n key={view.value}\n value={view.value}\n onClick={() => handleChangeView(view.value)}\n >\n <SelectOptionText>{view.name}</SelectOptionText>\n </SelectOption>\n ))}\n </SelectOptions>\n </SelectContent>\n </SelectRoot>\n </div>\n )\n}\n"]}
|
|
@@ -72,8 +72,9 @@ declare const datePicker: tailwind_variants.TVReturnType<{
|
|
|
72
72
|
declare function DatePickerRoot({ className, state, defaultOpen, variant, modal, open, onOpenChange: handleOpenChange, ...props }: ComponentProps<'div'> & FieldContextValue & ComponentProps<typeof RadixPopover.Root>): react_jsx_runtime.JSX.Element;
|
|
73
73
|
declare function DatePickerTrigger({ className, ...props }: ComponentProps<typeof RadixPopover.Trigger>): react_jsx_runtime.JSX.Element;
|
|
74
74
|
declare function DatePickerLabel(props: ComponentProps<typeof FloatingLabel>): react_jsx_runtime.JSX.Element;
|
|
75
|
-
declare function DatePickerIcon({ className, name, ...props }: ComponentProps<'div'> & {
|
|
75
|
+
declare function DatePickerIcon({ className, name, orientation, ...props }: ComponentProps<'div'> & {
|
|
76
76
|
name: IconType;
|
|
77
|
+
orientation?: 'left' | 'right';
|
|
77
78
|
}): react_jsx_runtime.JSX.Element;
|
|
78
79
|
declare function DatePickerSlot({ className, ...props }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
79
80
|
declare function DatePickerValue({ className, displayValue, placeholder, value, ...props }: ComponentProps<'input'> & {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a as a$1}from'../../chunk-
|
|
1
|
+
import {a as a$1}from'../../chunk-5Z3AIBBS.js';import {a,b}from'../../chunk-2JQVYVAT.js';import {b as b$1}from'../../chunk-DVDHTP4C.js';import {a as a$2}from'../../chunk-EIG6CBTQ.js';import {tv,twMerge,twJoin}from'@xjur-ui/util';import {useMemo}from'react';import*as l from'@radix-ui/react-popover';import {jsx,jsxs}from'react/jsx-runtime';var P=tv({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}}),{wrapper:y,trigger:h,icon:C,caption:R,slotText:w,content:T}=P();function L({className:r,state:t="normal",defaultOpen:e,variant:n="normal",modal:i,open:a$1,onOpenChange:p,...u}){return jsx(l.Root,{defaultOpen:e,modal:i,open:a$1,onOpenChange:p,children:jsx(a.Provider,{value:{state:t,variant:n},children:jsx("div",{className:y({className:r,state:t}),...u})})})}function M({className:r,...t}){let{state:e,variant:n}=b(),i=tv({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),a=twMerge(h({state:e,className:r}),n==="filter"&&i({state:e,className:r}));return jsx(l.Trigger,{className:a,disabled:e==="disabled",...t})}function V(r){return jsx(a$1,{...r})}function j({className:r,name:t,orientation:e="left",...n}){let{state:i}=b();return jsx("div",{className:C({className:r,state:i}),"data-slot":`control-${e}-slot`,...n,children:jsx(b$1,{name:t})})}function J({className:r,...t}){let{state:e}=b();return jsx("span",{className:w({className:r,state:e}),...t})}function S({className:r,displayValue:t="",placeholder:e,value:n,...i}){let{variant:a}=b(),p=useMemo(()=>a==="filter"?t:t||e,[t,e,a]);return jsxs("div",{className:"grid w-full items-center",children:[e&&a==="filter"&&jsx(a$1,{children:e}),e&&a==="filter"&&jsx(a$2,{className:"invisible col-start-1 row-start-1 self-center",children:e}),jsx(a$2,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:p}),jsx("input",{...i,"aria-readonly":true,className:twJoin("pointer-events-none",r),hidden:true,placeholder:" ",readOnly:true,value:n??""})]})}function _({className:r,sideOffset:t=5,side:e="bottom",align:n="start",...i}){let{state:a}=b();return jsx(l.Portal,{children:jsx(l.Content,{align:n,className:T({className:r,state:a}),side:e,sideOffset:t,...i})})}function $({className:r,...t}){let{state:e}=b();return jsx("p",{className:R({className:r,state:e}),...t})}export{$ as DatePickerCaption,_ as DatePickerContent,j as DatePickerIcon,V as DatePickerLabel,L as DatePickerRoot,J as DatePickerSlot,M as DatePickerTrigger,S as DatePickerValue,P as datePicker};//# sourceMappingURL=date-picker.js.map
|
|
2
2
|
//# sourceMappingURL=date-picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/controls/date-picker.tsx"],"names":["datePicker","tv","wrapper","trigger","icon","caption","slotText","content","DatePickerRoot","className","state","defaultOpen","variant","modal","open","handleOpenChange","props","jsx","FieldContext","DatePickerTrigger","useFieldContext","filterTrigger","mergedClassName","twMerge","DatePickerLabel","FloatingLabel","DatePickerIcon","name","Icon","DatePickerSlot","DatePickerValue","displayValue","placeholder","value","valueOrPlaceholder","useMemo","jsxs","Typography","twJoin","DatePickerContent","sideOffset","side","align","DatePickerCaption"],"mappings":"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","file":"date-picker.js","sourcesContent":["import { tv, twJoin, twMerge } from '@xjur-ui/util'\nimport { useMemo, type ComponentProps } from 'react'\nimport * as RadixPopover from '@radix-ui/react-popover'\nimport { Icon, type IconType } from '../icon'\nimport { Typography } from '../typography'\nimport {\n FieldContext,\n useFieldContext,\n type FieldContextValue\n} from './context/field.context'\nimport { FloatingLabel } from './floating-label'\n\nexport const datePicker = tv({\n slots: {\n wrapper: 'group flex flex-col gap-small-2x',\n trigger: [\n 'h-large-4x cursor-pointer relative',\n 'inline-flex w-auto items-center gap-small rounded-small-1x',\n 'py-small_1x-alt px-small',\n 'bg-layer-2-hover border border-transparent',\n 'group-has-[div[data-slot=input-action-slot]]:rounded-r-none',\n 'transition-all duration-200'\n ],\n content: [\n 'group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]'\n ],\n icon: 'size-large text-icon-neutral-3 flex items-center justify-center',\n slotText:\n 'size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder',\n caption: '!text-size-body-sm font-normal'\n },\n variants: {\n state: {\n normal: {\n trigger:\n 'hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle'\n },\n error: {\n trigger:\n 'border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle',\n caption: 'text-danger-label-idle'\n },\n disabled: {\n trigger: 'pointer-events-none border-transparent bg-layer-2-idle'\n }\n }\n }\n})\n\nconst { wrapper, trigger, icon, caption, slotText, content } = datePicker()\n\nexport function DatePickerRoot({\n className,\n state = 'normal',\n defaultOpen,\n variant = 'normal',\n modal,\n open,\n onOpenChange: handleOpenChange,\n ...props\n}: ComponentProps<'div'> &\n FieldContextValue &\n ComponentProps<typeof RadixPopover.Root>) {\n return (\n <RadixPopover.Root\n defaultOpen={defaultOpen}\n modal={modal}\n open={open}\n onOpenChange={handleOpenChange}\n >\n <FieldContext.Provider value={{ state, variant }}>\n <div className={wrapper({ className, state })} {...props} />\n </FieldContext.Provider>\n </RadixPopover.Root>\n )\n}\n\nexport function DatePickerTrigger({\n className,\n ...props\n}: ComponentProps<typeof RadixPopover.Trigger>) {\n const { state, variant } = useFieldContext()\n\n const filterTrigger = tv({\n base: ['group bg-layer-2-idle relative'],\n variants: {\n state: {\n normal: [\n 'border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle'\n ],\n error: ['border-danger-idle hover:border-danger-idle'],\n disabled: ['border border-border-layer-2 opacity-60']\n }\n }\n })\n\n const mergedClassName = twMerge(\n trigger({ state, className }),\n variant === 'filter' && filterTrigger({ state, className })\n )\n\n return (\n <RadixPopover.Trigger\n className={mergedClassName}\n disabled={state === 'disabled'}\n {...props}\n />\n )\n}\n\nexport function DatePickerLabel(props: ComponentProps<typeof FloatingLabel>) {\n return <FloatingLabel {...props} />\n}\n\nexport function DatePickerIcon({\n className,\n name,\n ...props\n}: ComponentProps<'div'> & {\n name: IconType\n}) {\n const { state } = useFieldContext()\n\n return (\n <div\n className={icon({ className, state })}\n data-slot=\"control-slot\"\n {...props}\n >\n <Icon name={name} />\n </div>\n )\n}\n\nexport function DatePickerSlot({\n className,\n ...props\n}: ComponentProps<'span'>) {\n const { state } = useFieldContext()\n return <span className={slotText({ className, state })} {...props} />\n}\n\nexport function DatePickerValue({\n className,\n displayValue = '',\n placeholder,\n value,\n ...props\n}: ComponentProps<'input'> & { displayValue?: string }) {\n const { variant } = useFieldContext()\n\n const valueOrPlaceholder = useMemo(() => {\n if (variant === 'filter') return displayValue\n return displayValue || placeholder\n }, [displayValue, placeholder, variant])\n\n return (\n <div className=\"grid w-full items-center\">\n {placeholder && variant === 'filter' && (\n <FloatingLabel>{placeholder}</FloatingLabel>\n )}\n\n {placeholder && variant === 'filter' && (\n <Typography className=\"invisible col-start-1 row-start-1 self-center\">\n {placeholder}\n </Typography>\n )}\n\n <Typography className=\"text-neutral-dark group-has-[div[data-slot=date-picker-left-slot]]:pl-large-1x z-10 col-start-1 row-start-1 self-center text-left\">\n {valueOrPlaceholder}\n </Typography>\n\n <input\n {...props}\n aria-readonly={true}\n className={twJoin('pointer-events-none', className)}\n hidden={true}\n placeholder={' '}\n readOnly={true}\n value={value ?? ''}\n />\n </div>\n )\n}\n\nexport function DatePickerContent({\n className,\n sideOffset = 5,\n side = 'bottom',\n align = 'start',\n ...props\n}: ComponentProps<typeof RadixPopover.Content>) {\n const { state } = useFieldContext()\n\n return (\n <RadixPopover.Portal>\n <RadixPopover.Content\n align={align}\n className={content({ className, state })}\n side={side}\n sideOffset={sideOffset}\n {...props}\n />\n </RadixPopover.Portal>\n )\n}\n\nexport function DatePickerCaption({\n className,\n ...props\n}: ComponentProps<'p'>) {\n const { state } = useFieldContext()\n return <p className={caption({ className, state })} {...props} />\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/controls/date-picker.tsx"],"names":["datePicker","tv","wrapper","trigger","icon","caption","slotText","content","DatePickerRoot","className","state","defaultOpen","variant","modal","open","handleOpenChange","props","jsx","FieldContext","DatePickerTrigger","useFieldContext","filterTrigger","mergedClassName","twMerge","DatePickerLabel","FloatingLabel","DatePickerIcon","name","orientation","Icon","DatePickerSlot","DatePickerValue","displayValue","placeholder","value","valueOrPlaceholder","useMemo","jsxs","Typography","twJoin","DatePickerContent","sideOffset","side","align","DatePickerCaption"],"mappings":"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","file":"date-picker.js","sourcesContent":["import { tv, twJoin, twMerge } from '@xjur-ui/util'\nimport { useMemo, type ComponentProps } from 'react'\nimport * as RadixPopover from '@radix-ui/react-popover'\nimport { Icon, type IconType } from '../icon'\nimport { Typography } from '../typography'\nimport {\n FieldContext,\n useFieldContext,\n type FieldContextValue\n} from './context/field.context'\nimport { FloatingLabel } from './floating-label'\n\nexport const datePicker = tv({\n slots: {\n wrapper: 'group flex flex-col gap-small-2x',\n trigger: [\n 'h-large-4x cursor-pointer relative',\n 'inline-flex w-auto items-center gap-small rounded-small-1x',\n 'py-small_1x-alt px-small',\n 'bg-layer-2-hover border border-transparent',\n 'group-has-[div[data-slot=input-action-slot]]:rounded-r-none',\n 'transition-all duration-200'\n ],\n content: [\n 'group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]'\n ],\n icon: 'size-large text-icon-neutral-3 flex items-center justify-center',\n slotText:\n 'size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder',\n caption: '!text-size-body-sm font-normal'\n },\n variants: {\n state: {\n normal: {\n trigger:\n 'hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle'\n },\n error: {\n trigger:\n 'border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle',\n caption: 'text-danger-label-idle'\n },\n disabled: {\n trigger: 'pointer-events-none border-transparent bg-layer-2-idle'\n }\n }\n }\n})\n\nconst { wrapper, trigger, icon, caption, slotText, content } = datePicker()\n\nexport function DatePickerRoot({\n className,\n state = 'normal',\n defaultOpen,\n variant = 'normal',\n modal,\n open,\n onOpenChange: handleOpenChange,\n ...props\n}: ComponentProps<'div'> &\n FieldContextValue &\n ComponentProps<typeof RadixPopover.Root>) {\n return (\n <RadixPopover.Root\n defaultOpen={defaultOpen}\n modal={modal}\n open={open}\n onOpenChange={handleOpenChange}\n >\n <FieldContext.Provider value={{ state, variant }}>\n <div className={wrapper({ className, state })} {...props} />\n </FieldContext.Provider>\n </RadixPopover.Root>\n )\n}\n\nexport function DatePickerTrigger({\n className,\n ...props\n}: ComponentProps<typeof RadixPopover.Trigger>) {\n const { state, variant } = useFieldContext()\n\n const filterTrigger = tv({\n base: ['group bg-layer-2-idle relative'],\n variants: {\n state: {\n normal: [\n 'border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle'\n ],\n error: ['border-danger-idle hover:border-danger-idle'],\n disabled: ['border border-border-layer-2 opacity-60']\n }\n }\n })\n\n const mergedClassName = twMerge(\n trigger({ state, className }),\n variant === 'filter' && filterTrigger({ state, className })\n )\n\n return (\n <RadixPopover.Trigger\n className={mergedClassName}\n disabled={state === 'disabled'}\n {...props}\n />\n )\n}\n\nexport function DatePickerLabel(props: ComponentProps<typeof FloatingLabel>) {\n return <FloatingLabel {...props} />\n}\n\nexport function DatePickerIcon({\n className,\n name,\n orientation = 'left',\n ...props\n}: ComponentProps<'div'> & {\n name: IconType\n orientation?: 'left' | 'right'\n}) {\n const { state } = useFieldContext()\n\n return (\n <div\n className={icon({ className, state })}\n data-slot={`control-${orientation}-slot`}\n {...props}\n >\n <Icon name={name} />\n </div>\n )\n}\n\nexport function DatePickerSlot({\n className,\n ...props\n}: ComponentProps<'span'>) {\n const { state } = useFieldContext()\n return <span className={slotText({ className, state })} {...props} />\n}\n\nexport function DatePickerValue({\n className,\n displayValue = '',\n placeholder,\n value,\n ...props\n}: ComponentProps<'input'> & { displayValue?: string }) {\n const { variant } = useFieldContext()\n\n const valueOrPlaceholder = useMemo(() => {\n if (variant === 'filter') return displayValue\n return displayValue || placeholder\n }, [displayValue, placeholder, variant])\n\n return (\n <div className=\"grid w-full items-center\">\n {placeholder && variant === 'filter' && (\n <FloatingLabel>{placeholder}</FloatingLabel>\n )}\n\n {placeholder && variant === 'filter' && (\n <Typography className=\"invisible col-start-1 row-start-1 self-center\">\n {placeholder}\n </Typography>\n )}\n\n <Typography className=\"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left\">\n {valueOrPlaceholder}\n </Typography>\n\n <input\n {...props}\n aria-readonly={true}\n className={twJoin('pointer-events-none', className)}\n hidden={true}\n placeholder={' '}\n readOnly={true}\n value={value ?? ''}\n />\n </div>\n )\n}\n\nexport function DatePickerContent({\n className,\n sideOffset = 5,\n side = 'bottom',\n align = 'start',\n ...props\n}: ComponentProps<typeof RadixPopover.Content>) {\n const { state } = useFieldContext()\n\n return (\n <RadixPopover.Portal>\n <RadixPopover.Content\n align={align}\n className={content({ className, state })}\n side={side}\n sideOffset={sideOffset}\n {...props}\n />\n </RadixPopover.Portal>\n )\n}\n\nexport function DatePickerCaption({\n className,\n ...props\n}: ComponentProps<'p'>) {\n const { state } = useFieldContext()\n return <p className={caption({ className, state })} {...props} />\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as FloatingLabel}from'../../chunk-
|
|
1
|
+
export{a as FloatingLabel}from'../../chunk-5Z3AIBBS.js';import'../../chunk-2JQVYVAT.js';//# sourceMappingURL=floating-label.js.map
|
|
2
2
|
//# sourceMappingURL=floating-label.js.map
|
|
@@ -82,8 +82,9 @@ declare function InputTrigger({ className, ...props }: ComponentProps<'div'>): r
|
|
|
82
82
|
declare function InputMask({ className, placeholder, ...props }: ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
|
|
83
83
|
declare function InputText({ className, placeholder, ...props }: ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
|
|
84
84
|
declare function InputNumber({ className, locales, placeholder, groupDisplay, ...props }: InputNumberFormatProps): react_jsx_runtime.JSX.Element;
|
|
85
|
-
declare function InputIcon({ className, name, ...props }: ComponentProps<'div'> & {
|
|
85
|
+
declare function InputIcon({ className, name, orientation, ...props }: ComponentProps<'div'> & {
|
|
86
86
|
name: IconType;
|
|
87
|
+
orientation?: 'left' | 'right';
|
|
87
88
|
}): react_jsx_runtime.JSX.Element;
|
|
88
89
|
declare function InputSlot({ className, ...props }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
89
90
|
declare function InputCaption({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{l as InputAction,k as InputCaption,c as InputContent,i as InputIcon,d as InputLabel,f as InputMask,h as InputNumber,m as InputNumericStepper,b as InputRoot,j as InputSlot,g as InputText,e as InputTrigger,a as input}from'../../chunk-
|
|
1
|
+
export{l as InputAction,k as InputCaption,c as InputContent,i as InputIcon,d as InputLabel,f as InputMask,h as InputNumber,m as InputNumericStepper,b as InputRoot,j as InputSlot,g as InputText,e as InputTrigger,a as input}from'../../chunk-PBI3K7KX.js';import'../../chunk-PBR7SFWY.js';import'../../chunk-5Z3AIBBS.js';import'../../chunk-2JQVYVAT.js';import'../../chunk-CBFC4QME.js';import'../../chunk-DVDHTP4C.js';//# sourceMappingURL=input.js.map
|
|
2
2
|
//# sourceMappingURL=input.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a as a$1}from'../../chunk-
|
|
1
|
+
import {a as a$1}from'../../chunk-5Z3AIBBS.js';import {b,a}from'../../chunk-2JQVYVAT.js';import {b as b$1}from'../../chunk-DVDHTP4C.js';import {tv}from'@xjur-ui/util';import {createContext,useState,useContext}from'react';import {jsx,jsxs}from'react/jsx-runtime';var F=tv({slots:{wrapper:"group flex w-full flex-col gap-small-2x",root:"relative flex w-full items-center gap-small-1x",star:"cursor-pointer transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-orange-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{star:"text-neutral-border hover:text-orange-400 focus-visible:ring-orange-500"},error:{star:"text-danger-idle hover:text-danger-idle focus-visible:ring-danger-idle",caption:"text-danger-label-idle"},disabled:{star:"text-neutral-border opacity-50"}},size:{sm:{star:"text-size-body-sm"},md:{star:"text-size-body-lg"},lg:{star:"text-size-heading-sm"}}}}),{wrapper:L,root:k,star:T,caption:$}=F(),P=createContext(null);function c(){let e=useContext(P);if(!e)throw new Error("Rating components must be used within a RatingRoot");return e}function A({value:e,defaultValue:a$1=0,onValueChange:n,max:i=5,state:s="normal",size:o="md",disabled:r=false,className:l,id:d,children:u,...g}){let[m,p]=useState(a$1),h=e??m,V=f=>{e===void 0&&p(f),n?.(f);},y=b(),b$1=r?"disabled":y?.state??s;return jsx(a.Provider,{value:{state:b$1},children:jsx(P.Provider,{value:{value:h,max:i,onValueChange:V,state:b$1,size:o,disabled:r},children:jsx("div",{className:L({className:l}),id:d,...g,children:u})})})}function E({className:e}){let{max:a,state:n,size:i}=c();return jsx("div",{className:k({state:n,size:i,className:e}),children:Array.from({length:a},(s,o)=>jsx(I,{value:o+1},o))})}function I({value:e,className:a}){let{value:n,onValueChange:i,state:s,size:o,disabled:r}=c(),l=e<=n;return jsx("button",{"aria-label":`Rate ${e} star${e>1?"s":""}`,className:T({state:s,size:o,className:a}),disabled:r,type:"button",onClick:()=>!r&&i(e),children:jsx(b$1,{filled:l,name:"star"})})}function U(e){return jsx(a$1,{...e})}function _({className:e,...a}){let{state:n}=c();return jsx("p",{className:$({state:n,className:e}),...a})}function K({value:e,defaultValue:a=0,onValueChange:n,max:i=5,state:s="normal",size:o="md",label:r,caption:l,className:d,disabled:u,id:g,...m}){return jsxs(A,{className:d,defaultValue:a,disabled:u,id:g,max:i,size:o,state:u?"disabled":s,value:e,onValueChange:n,...m,children:[r&&jsx(U,{children:r}),jsx(E,{}),l&&jsx(_,{children:l})]})}export{K as Rating,_ as RatingCaption,U as RatingLabel,A as RatingRoot,I as RatingStar,E as RatingTrack,F as rating};//# sourceMappingURL=rating.js.map
|
|
2
2
|
//# sourceMappingURL=rating.js.map
|
|
@@ -74,8 +74,9 @@ declare const select: tailwind_variants.TVReturnType<{
|
|
|
74
74
|
}, undefined, unknown, unknown, undefined>>;
|
|
75
75
|
declare function SelectRoot({ className, state, defaultOpen, variant, modal, open, onOpenChange: handleOpenChange, ...props }: ComponentProps<'div'> & FieldContextValue & ComponentProps<typeof RadixPopover.Root>): react_jsx_runtime.JSX.Element;
|
|
76
76
|
declare function SelectTrigger({ className, ...props }: ComponentProps<typeof RadixPopover.Trigger>): react_jsx_runtime.JSX.Element;
|
|
77
|
-
declare function SelectIcon({ className, name, ...props }: ComponentProps<'div'> & {
|
|
77
|
+
declare function SelectIcon({ className, name, orientation, ...props }: ComponentProps<'div'> & {
|
|
78
78
|
name: IconType;
|
|
79
|
+
orientation?: 'left' | 'right';
|
|
79
80
|
}): react_jsx_runtime.JSX.Element;
|
|
80
81
|
declare function SelectValue({ className, displayValue, value, placeholder, ...props }: ComponentProps<'input'> & {
|
|
81
82
|
displayValue?: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{h as SelectCaption,g as SelectContent,m as SelectHeader,n as SelectHeaderTitle,d as SelectIcon,f as SelectMultiValue,k as SelectOption,l as SelectOptionText,j as SelectOptions,b as SelectRoot,i as SelectSlot,c as SelectTrigger,e as SelectValue,a as select}from'../../chunk-
|
|
1
|
+
export{h as SelectCaption,g as SelectContent,m as SelectHeader,n as SelectHeaderTitle,d as SelectIcon,f as SelectMultiValue,k as SelectOption,l as SelectOptionText,j as SelectOptions,b as SelectRoot,i as SelectSlot,c as SelectTrigger,e as SelectValue,a as select}from'../../chunk-SYECSMYR.js';import'../../chunk-5Z3AIBBS.js';import'../../chunk-2JQVYVAT.js';import'../../chunk-YOLTIAFT.js';import'../../chunk-DVDHTP4C.js';import'../../chunk-EIG6CBTQ.js';//# sourceMappingURL=select.js.map
|
|
2
2
|
//# sourceMappingURL=select.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a as a$1}from'../../chunk-
|
|
1
|
+
import {a as a$1}from'../../chunk-5Z3AIBBS.js';import {a,b}from'../../chunk-2JQVYVAT.js';import*as i from'@radix-ui/react-slider';import {tv}from'@xjur-ui/util';import {jsx,jsxs}from'react/jsx-runtime';var x=tv({slots:{wrapper:"group flex w-full flex-col gap-small-2x",root:"relative flex w-full touch-none select-none items-center",track:"relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200",range:"absolute h-full bg-orange-500",thumb:"block h-5 w-5 rounded-full border-2 border-orange-500 bg-white shadow-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-orange-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",input:"sr-only",caption:"!text-size-body-sm font-normal"},variants:{orientation:{horizontal:{root:"flex-row",track:"h-2 w-full",range:"h-full",thumb:"h-5 w-5"},vertical:{root:"flex-col h-64 w-6",track:"w-2 h-full",range:"w-full",thumb:"h-5 w-5"}},state:{normal:{track:"bg-gray-200",range:"bg-orange-500",thumb:"border-orange-500 bg-white focus-visible:ring-orange-500"},error:{track:"bg-danger-idle",range:"bg-danger-idle",thumb:"border-danger-idle bg-white focus-visible:ring-danger-idle",caption:"text-danger-label-idle"},disabled:{track:"bg-gray-200 opacity-50",range:"bg-orange-500 opacity-50",thumb:"border-orange-500 bg-white opacity-50"}}}}),{wrapper:P,root:w,track:C,range:y,thumb:k,caption:N}=x();function R({className:e,state:r="normal",orientation:t="horizontal",...a$1}){return jsx(a.Provider,{value:{state:r},children:jsx("div",{className:P({className:e}),children:jsx(i.Root,{className:w({orientation:t,state:r,className:e}),disabled:r==="disabled",orientation:t,...a$1})})})}function T({className:e,...r}){let{state:t}=b();return jsx(i.Track,{className:C({state:t,className:e}),...r})}function z({className:e,...r}){let{state:t}=b();return jsx(i.Range,{className:y({state:t,className:e}),...r})}function L({className:e,...r}){let{state:t}=b();return jsx(i.Thumb,{className:k({state:t,className:e}),...r})}function F(e){return jsx(a$1,{...e})}function V({className:e,...r}){let{state:t}=b();return jsx("p",{className:N({state:t,className:e}),...r})}function G({value:e,defaultValue:r=[0],onValueChange:t,min:a=0,max:m=100,step:c=1,orientation:u="horizontal",state:g="normal",label:l,caption:s,className:b,disabled:f,id:h,...S}){return jsxs(R,{className:b,defaultValue:r,id:h,max:m,min:a,orientation:u,state:f?"disabled":g,step:c,value:e,onValueChange:t,...S,children:[l&&jsx(F,{children:l}),jsx(T,{children:jsx(z,{})}),jsx(L,{}),s&&jsx(V,{children:s})]})}export{G as Slider,V as SliderCaption,F as SliderLabel,z as SliderRange,R as SliderRoot,L as SliderThumb,T as SliderTrack,x as slider};//# sourceMappingURL=slider.js.map
|
|
2
2
|
//# sourceMappingURL=slider.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as CalendarToggleView}from'../../chunk-
|
|
1
|
+
export{a as CalendarToggleView}from'../../chunk-XC6SVYAS.js';import'../../chunk-SXGSWVMZ.js';import'../../chunk-SYECSMYR.js';import'../../chunk-5Z3AIBBS.js';import'../../chunk-2JQVYVAT.js';import'../../chunk-YOLTIAFT.js';import'../../chunk-DVDHTP4C.js';import'../../chunk-EIG6CBTQ.js';//# sourceMappingURL=calendar-toggle-view.js.map
|
|
2
2
|
//# sourceMappingURL=calendar-toggle-view.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as CalendarTodayButton}from'../../chunk-GKILN5HI.js';export{a as CalendarToggleView}from'../../chunk-
|
|
1
|
+
export{a as CalendarTodayButton}from'../../chunk-GKILN5HI.js';export{a as CalendarToggleView}from'../../chunk-XC6SVYAS.js';export{a as CalendarViewRenderer}from'../../chunk-HLWHETF5.js';export{a as CalendarWeekView}from'../../chunk-4M3WR2KJ.js';import'../../chunk-SLMHDBWO.js';import'../../chunk-ZVVPUP7V.js';import'../../chunk-MZSV4LNY.js';export{a as CalendarEvent,c as CalendarEventDescription,d as CalendarEventStatus,b as CalendarEventTitle}from'../../chunk-F4DYKYWJ.js';export{a as CalendarHeader}from'../../chunk-4BGTC333.js';export{a as CalendarMonthView}from'../../chunk-BYXTOSM6.js';import'../../chunk-TTKENFBF.js';import'../../chunk-OKSGVAQQ.js';export{a as CalendarNavigator}from'../../chunk-RGKXZJJS.js';import'../../chunk-EXC2XOL6.js';export{a as CalendarRoot,b as useFullCalendar}from'../../chunk-SXGSWVMZ.js';export{a as CalendarBody}from'../../chunk-J4X5RQTR.js';import'../../chunk-SYECSMYR.js';import'../../chunk-SLAAEXWI.js';import'../../chunk-5Z3AIBBS.js';import'../../chunk-2JQVYVAT.js';import'../../chunk-NELCN6E2.js';import'../../chunk-6PHXO2YA.js';import'../../chunk-CBFC4QME.js';import'../../chunk-YOLTIAFT.js';import'../../chunk-M6ZI7M3R.js';import'../../chunk-DVDHTP4C.js';import'../../chunk-EIG6CBTQ.js';//# sourceMappingURL=index.js.map
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as
|
|
1
|
+
export{a as Step}from'../../chunk-FQTUN47L.js';export{a as NextStep,b as PreviousStep}from'../../chunk-TYWCS7GS.js';export{a as Steps}from'../../chunk-X6SOSTUN.js';export{a as StepsNavigation}from'../../chunk-ZPQPJJQJ.js';export{a as StepsRoot}from'../../chunk-F7ANJ4HD.js';export{a as StepsContext,b as StepsProvider,c as useSteps}from'../../chunk-O3JK6QF6.js';import'../../chunk-M6ZI7M3R.js';//# sourceMappingURL=index.js.map
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as TableFooter}from'../../chunk-FUHASFGU.js';export{a as TableHead,b as TableHeadContent}from'../../chunk-AKR2BJRB.js';export{a as TableHeader}from'../../chunk-Q2BZSHS2.js';export{a as TableRow}from'../../chunk-EITO7GZX.js';export{a as TableSort}from'../../chunk-GVKH2BG2.js';export{a as Table}from'../../chunk-7HMMMRDA.js';export{a as TableBody}from'../../chunk-URDL5OKH.js';
|
|
1
|
+
export{a as TableCell}from'../../chunk-V2FCP4FA.js';export{a as TableFooter}from'../../chunk-FUHASFGU.js';export{a as TableHead,b as TableHeadContent}from'../../chunk-AKR2BJRB.js';export{a as TableHeader}from'../../chunk-Q2BZSHS2.js';export{a as TableRow}from'../../chunk-EITO7GZX.js';export{a as TableSort}from'../../chunk-GVKH2BG2.js';export{a as Table}from'../../chunk-7HMMMRDA.js';export{a as TableBody}from'../../chunk-URDL5OKH.js';import'../../chunk-DVDHTP4C.js';//# sourceMappingURL=index.js.map
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a}from'../chunk-3L772WC6.js';import {b as b$3,c as c$1,g as g$1,k}from'../chunk-
|
|
1
|
+
import {a}from'../chunk-3L772WC6.js';import {b as b$3,c as c$1,g as g$1,k}from'../chunk-SYECSMYR.js';import {b as b$2,c,g}from'../chunk-PBI3K7KX.js';import'../chunk-PBR7SFWY.js';import'../chunk-5Z3AIBBS.js';import'../chunk-2JQVYVAT.js';import'../chunk-CBFC4QME.js';import'../chunk-YOLTIAFT.js';import {b as b$1}from'../chunk-M6ZI7M3R.js';import {b}from'../chunk-DVDHTP4C.js';import'../chunk-EIG6CBTQ.js';import {createContext,useState,useRef,useCallback,useContext}from'react';import {cva,cx}from'@xjur-ui/util';import {jsx,jsxs}from'react/jsx-runtime';var q=createContext(null);function T(){let l=useContext(q);if(!l)throw new Error("Upload components must be used within UploadRoot");return l}function te({children:l,className:n,files:d,onFilesChange:c,accept:m,multiple:o=false,disabled:u=false,maxFiles:b=1,maxSize:x,acceptedFormats:f=[".jpeg",".png",".webp"],...v}){return jsx(q.Provider,{value:{files:d,onFilesChange:c,accept:m,multiple:o,disabled:u,maxFiles:b,maxSize:x,acceptedFormats:f},children:jsx("div",{className:cx("flex flex-col gap-4",n),...v,children:l})})}var ae=cva(["flex flex-col items-center justify-center","relative border-2 border-dashed border-border-layer-2 rounded-lg transition-all duration-200 ease-in-out cursor-pointer","hover:border-border-layer-2 hover:bg-transparent","focus-within:border-primary-idle focus-within:ring-2 focus-within:ring-primary-idle/20","data-[drag-over=true]:border-primary-idle data-[drag-over=true]:bg-primary-alt-idle/10"],{variants:{size:{large:"p-6 min-h-[200px] ",medium:"p-6 min-h-[160px]",small:"p-6 min-h-[130px]",oneLine:"p-4 min-h-[18px]"},showButton:{true:"",false:""},variant:{default:"bg-white",transparent:"bg-transparent",minimal:"bg-white",oneLineWhite:"bg-white",oneLineTransparent:"bg-transparent"}},compoundVariants:[{size:"large",showButton:true},{size:"medium",showButton:true},{size:"small",showButton:true},{variant:"oneLineWhite",showButton:false,className:"items-center flex flex-row justify-center"},{variant:"oneLineTransparent",showButton:false,className:"items-center flex flex-row justify-center"}],defaultVariants:{size:"large",variant:"default",showButton:true}});function re({className:l,size:n="large",showButton:d=true,variant:c="default",showAcceptedFormats:m=true,buttonText:o="Selecionar arquivo",description:u="Clique ou solte os arquivos para fazer o upload",icon:b="upload",...x}){let{onFilesChange:f,accept:v,multiple:r,disabled:a,maxFiles:t,maxSize:F,acceptedFormats:E}=T(),[W,P]=useState(false),w=useRef(null),[U,D]=useState(0),N=useCallback(i=>{let s=i;return t&&t>0&&(s=s.slice(0,t)),F&&(s=s.filter(p=>p.size<=F)),v&&(s=s.filter(p=>{let Q=`.${p.name.split(".").pop()?.toLowerCase()}`;return E?.some(L=>L.startsWith(".")?L===Q:p.type.includes(L))})),s.map(p=>({name:p.name,type:p.type,fileBinary:p,restrict:false}))},[t,F,v,E]),_=useCallback(i=>{i.preventDefault(),i.stopPropagation(),D(s=>s+1),P(true);},[]),K=useCallback(i=>{i.preventDefault(),i.stopPropagation(),D(s=>s-1),U<=1&&P(false);},[U]),$=useCallback(i=>{i.preventDefault(),i.stopPropagation();},[]),G=useCallback(i=>{if(i.preventDefault(),i.stopPropagation(),P(false),D(0),a)return;let s=Array.from(i.dataTransfer.files),p=N(s);p.length>0&&f?.(p);},[a,f,N]),J=useCallback(i=>{if(a)return;let s=Array.from(i.target.files||[]),p=N(s);p.length>0&&f?.(p);},[a,f,N]);return jsxs(M,{...x,"aria-disabled":a,"aria-label":u,className:cx(ae({size:n,showButton:d,variant:c}),l),"data-drag-over":W,fileInputRef:w,onDragEnter:_,onDragLeave:K,onDragOver:$,onDrop:G,children:[jsx("input",{accept:v,className:"hidden",disabled:a,multiple:r,ref:w,type:"file",onChange:J}),jsx(H,{buttonText:o,description:u,icon:b,showAcceptedFormats:m,showButton:d,variant:c||"default",onButtonClick:()=>{!a&&w.current&&w.current.click();}})]})}function ne({children:l,className:n,...d}){return jsx("h3",{className:cx("text-neutral-dark text-lg font-semibold",n),...d,children:l})}function H({description:l="Clique ou solte os arquivos para fazer o upload",icon:n="upload",showAcceptedFormats:d=true,buttonText:c="Selecionar arquivo",showButton:m=true,onButtonClick:o,variant:u="default",className:b$2,...x}){let{acceptedFormats:f}=T(),v=()=>d?jsxs("p",{className:"text-neutral-secondary mt-2 text-sm",children:["Formatos aceitos: ",f?.join(" ")]}):null;return u==="oneLineWhite"||u==="oneLineTransparent"?jsxs("div",{...x,className:cx("flex h-full items-center justify-center gap-4 text-center",b$2),children:[jsx(b,{className:"text-neutral-secondary text-4xl",name:n}),jsx("p",{className:"text-neutral-dark text-base font-medium",children:l}),v()]}):jsxs("div",{...x,className:cx("flex h-full w-full flex-col items-center gap-4 text-center",b$2),children:[jsxs("div",{className:"flex flex-col items-center",children:[jsx(b,{className:"text-neutral-secondary mb-3 text-4xl",name:n}),jsx("p",{className:"text-neutral-dark mb-2 text-base font-medium",children:l}),v()]}),m&&jsx("div",{children:jsx(b$1,{size:"md",variant:"primary",onClick:a=>{a.stopPropagation(),o?.();},children:c})})]})}function M({children:l,fileInputRef:n,...d}){let{disabled:c}=T(),m=useCallback(()=>{!c&&n?.current&&n.current.click();},[c,n]);return jsx("div",{role:"button",tabIndex:c?-1:0,onClick:m,onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),m());},...d,children:l})}function oe({fileTypeOptions:l=[{value:"document",label:"Documento"},{value:"image",label:"Imagem"},{value:"video",label:"V\xEDdeo"},{value:"audio",label:"\xC1udio"},{value:"other",label:"Outro"}],onUpdateFile:n,onDeleteFile:d,className:c$2,...m}){let{files:o,onFilesChange:u}=T();if(!o||o.length===0)return null;let b$4=(r,a)=>{if(n)n(r,{description:a});else {let t=[...o];t[r]={...t[r],description:a},u?.(t);}},x=(r,a)=>{if(n)n(r,{fileType:a});else {let t=[...o];t[r]={...t[r],fileType:a},u?.(t);}},f=(r,a)=>{if(n)n(r,{restrict:a});else {let t=[...o];t[r]={...t[r],restrict:a},u?.(t);}},v=r=>{if(d)d(r);else {let a=o.filter((t,F)=>F!==r);u?.(a);}};return jsx("div",{className:cx("space-y-2",c$2),...m,children:jsxs("div",{className:"border-border-layer-2 p-4",children:[jsxs("div",{className:"border-border-layer-2 mb-3 flex w-full flex-row items-center justify-between gap-4 border-b pb-2",children:[jsx("div",{className:"w-full",children:jsx("span",{className:"text-sm font-medium text-gray-300",children:"Descri\xE7\xE3o"})}),jsx("div",{className:"w-full",children:jsx("span",{className:"text-sm font-medium text-gray-300",children:"Tipo"})}),jsx("div",{className:"flex justify-end",children:jsx("span",{className:"text-sm font-medium text-gray-300",children:"Restrito"})})]}),jsx("div",{className:"space-y-3",children:o.map((r,a$1)=>jsxs("div",{className:"flex flex-row items-center gap-4 py-3",children:[jsx("div",{className:"flex justify-start",children:jsx(b,{className:"text-neutral-secondary hover:text-neutral-dark cursor-grab",name:"drag_indicator"})}),jsx("div",{className:"w-full",children:jsx(b$2,{children:jsx(c,{children:jsx(g,{placeholder:"Nome do arquivo",value:r.description||r.name,onChange:t=>b$4(a$1,t.target.value)})})})}),jsx("div",{className:"w-full",children:jsxs(b$3,{children:[jsxs(c$1,{className:"flex justify-between",children:[jsx("span",{className:"text-neutral-dark",children:l.find(t=>t.value===r.fileType)?.label||"Tipo"}),jsx(b,{className:"text-neutral-secondary",name:"keyboard_arrow_down"})]}),jsx(g$1,{children:l.map(t=>jsx(k,{value:t.value,onSelect:()=>x(a$1,t.value),children:t.label},t.value))})]})}),jsx("div",{className:"flex justify-end",children:jsx(a,{checked:r.restrict||false,onCheckedChange:t=>f(a$1,t)})}),jsx("div",{className:"flex justify-end",children:jsx(b$1,{appearance:"ghost",size:"sm",variant:"destructive",onClick:()=>v(a$1),children:jsx(b,{name:"delete"})})})]},a$1))})]})})}var me={Root:te,Area:re,Title:ne,AreaContent:H,AreaTrigger:M,EditableList:oe};export{oe as EditableFilesList,me as Upload,re as UploadArea,H as UploadAreaContent,M as UploadAreaTrigger,te as UploadRoot,ne as UploadTitle,ae as uploadAreaVariants};//# sourceMappingURL=upload.js.map
|
|
2
2
|
//# sourceMappingURL=upload.js.map
|