@xjur-ui/react 3.0.0 → 3.0.2
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/components/accordion/accordion-trigger.js +1 -1
- package/dist/components/avatar/avatar-group.js +1 -1
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/badge/index.js +1 -1
- package/dist/components/breadcrumb/breadcrumb-link.js +1 -1
- package/dist/components/breadcrumb/breadcrumb-page.js +1 -1
- package/dist/components/breadcrumb/index.js +1 -1
- package/dist/components/carousel/carousel-action.d.ts +2 -1
- package/dist/components/carousel/carousel-action.js +1 -1
- package/dist/components/carousel/carousel-content.js +1 -1
- package/dist/components/carousel/index.js +1 -1
- package/dist/components/chip/chip-avatar.js +1 -1
- package/dist/components/chip/chip-icon.js +1 -1
- package/dist/components/chip/chip-text.js +1 -1
- package/dist/components/chip/index.js +1 -1
- package/dist/components/controls/checkbox.js +1 -1
- package/dist/components/controls/date-picker/date-picker-caption.js +1 -1
- package/dist/components/controls/date-picker/date-picker-content.js +1 -1
- package/dist/components/controls/date-picker/date-picker-icon.js +1 -1
- package/dist/components/controls/date-picker/date-picker-root.js +1 -1
- package/dist/components/controls/date-picker/date-picker-slot.js +1 -1
- package/dist/components/controls/date-picker/date-picker-styles.js +1 -1
- package/dist/components/controls/date-picker/date-picker-trigger.js +1 -1
- package/dist/components/controls/date-picker/date-picker-value.js +1 -1
- package/dist/components/controls/date-picker/index.js +1 -1
- package/dist/components/controls/input/index.js +1 -1
- package/dist/components/controls/input/input-action.js +1 -1
- package/dist/components/controls/input/input-caption.js +1 -1
- package/dist/components/controls/input/input-content.js +1 -1
- package/dist/components/controls/input/input-currency.js +1 -1
- package/dist/components/controls/input/input-icon.js +1 -1
- package/dist/components/controls/input/input-mask.js +1 -1
- package/dist/components/controls/input/input-number.js +1 -1
- package/dist/components/controls/input/input-numeric-stepper.js +1 -1
- package/dist/components/controls/input/input-root.js +1 -1
- package/dist/components/controls/input/input-slot.js +1 -1
- package/dist/components/controls/input/input-styles.js +1 -1
- package/dist/components/controls/input/input-text.js +1 -1
- package/dist/components/controls/input/input-trigger.js +1 -1
- package/dist/components/controls/radio.js +1 -1
- package/dist/components/controls/rich-editor.js +1 -1
- package/dist/components/controls/search-input.js +1 -1
- package/dist/components/controls/search-selector.js +1 -1
- package/dist/components/controls/select/index.js +1 -1
- package/dist/components/controls/select/select-caption.js +1 -1
- package/dist/components/controls/select/select-content.js +1 -1
- package/dist/components/controls/select/select-header-title.js +1 -1
- package/dist/components/controls/select/select-header.js +1 -1
- package/dist/components/controls/select/select-icon.js +1 -1
- package/dist/components/controls/select/select-multi-value.js +1 -1
- package/dist/components/controls/select/select-option-text.d.ts +2 -2
- package/dist/components/controls/select/select-option-text.js +1 -1
- package/dist/components/controls/select/select-option.js +1 -1
- package/dist/components/controls/select/select-options.js +1 -1
- package/dist/components/controls/select/select-root.js +1 -1
- package/dist/components/controls/select/select-slot.js +1 -1
- package/dist/components/controls/select/select-styles.js +1 -1
- package/dist/components/controls/select/select-trigger.js +1 -1
- package/dist/components/controls/select/select-value.js +1 -1
- package/dist/components/controls/toggle/index.d.ts +1 -0
- package/dist/components/controls/toggle/index.js +1 -0
- package/dist/components/controls/toggle/toggle.d.ts +6 -0
- package/dist/components/controls/toggle/toggle.js +1 -0
- package/dist/components/custom/pessoa/pessoa-add-button.js +1 -1
- package/dist/components/custom/pessoa/pessoa-body.js +1 -1
- package/dist/components/custom/pessoa/pessoa-close-button.js +1 -1
- package/dist/components/custom/pessoa/pessoa-content.js +1 -1
- package/dist/components/custom/pessoa/pessoa-footer.js +1 -1
- package/dist/components/custom/pessoa/pessoa-trigger.js +1 -1
- package/dist/components/custom/pessoa/pessoa.js +1 -1
- package/dist/components/dialog/delete-dialog.js +1 -1
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-content.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-header.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-item.js +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-list.js +1 -1
- package/dist/components/dropdown-menu/index.js +1 -1
- package/dist/components/full-calendar/calendar-add-event.js +1 -1
- package/dist/components/full-calendar/calendar-cell.js +1 -1
- package/dist/components/full-calendar/calendar-day-view.js +1 -1
- package/dist/components/full-calendar/calendar-event.js +1 -1
- package/dist/components/full-calendar/calendar-month-view.js +1 -1
- package/dist/components/full-calendar/calendar-more-events-dropdown.js +1 -1
- package/dist/components/full-calendar/calendar-navigator.js +1 -1
- package/dist/components/full-calendar/calendar-toggle-view.js +1 -1
- package/dist/components/full-calendar/calendar-view-renderer.js +1 -1
- package/dist/components/full-calendar/calendar-week-day.js +1 -1
- package/dist/components/full-calendar/calendar-week-view.js +1 -1
- package/dist/components/full-calendar/index.js +1 -1
- package/dist/components/icon/index.js +1 -1
- package/dist/components/list/index.js +1 -1
- package/dist/components/list/list-header-title.js +1 -1
- package/dist/components/selection-bar/index.js +1 -1
- package/dist/components/sheet/sheet-close.js +1 -1
- package/dist/components/status/index.js +1 -1
- package/dist/components/tag/index.js +1 -1
- package/dist/components/tag/tag-icon.js +1 -1
- package/dist/components/tag/tag-text.js +1 -1
- package/dist/components/toast/index.js +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/tooltip-content.js +1 -1
- package/dist/components/typography/index.d.ts +1 -0
- package/dist/components/typography/index.js +1 -1
- package/dist/components/upload/index.js +1 -1
- package/dist/index.css +1 -1
- package/dist/resources/icons.d.ts +1 -1
- package/dist/resources/icons.js +1 -1
- package/package.json +5 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as n from"@radix-ui/react-dialog";import{Slot as c}from"@radix-ui/react-slot";import{cva as d,cx as
|
|
1
|
+
import*as n from"@radix-ui/react-dialog";import{Slot as c}from"@radix-ui/react-slot";import{cva as d,cx as _}from"@xjur-ui/util";import{jsx as y}from"react/jsx-runtime";var m=d(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function i({asChild:e,className:r,variant:t="primary",size:a="md",appearance:l="solid",...p}){return y(e?c:"button",{className:_(m({variant:t,appearance:l,size:a}),r),...p})}import{cx as b}from"@xjur-ui/util";import{jsx as v}from"react/jsx-runtime";function s({className:e,filled:r=!1,name:t,...a}){return v("span",{...a,className:b("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${r?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:t})}import{jsx as o}from"react/jsx-runtime";function B({children:e=o(i,{appearance:"ghost",size:"icon_md",variant:"tertiary",children:o(s,{className:"text-icon-neutral-3",name:"close"})}),...r}){return o(n.Close,{"data-slot":"sheet-close",...r,children:e})}export{B as SheetClose};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cva as
|
|
1
|
+
import{cva as S,cx as N}from"@xjur-ui/util";import{Slot as z}from"@radix-ui/react-slot";import{cva as P}from"@xjur-ui/util";import{memo as x,useState as C}from"react";import*as s from"@radix-ui/react-tooltip";import{jsx as d}from"react/jsx-runtime";function b({delayDuration:t=0,...a}){return d(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...a})}function c({...t}){return d(b,{children:d(s.Root,{"data-slot":"tooltip",...t})})}import*as f from"@radix-ui/react-tooltip";import{jsx as u}from"react/jsx-runtime";function v({...t}){return u(f.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as l from"@radix-ui/react-tooltip";import{cx as h}from"@xjur-ui/util";import{jsx as y}from"react/jsx-runtime";function g({className:t,sideOffset:a=1,variant:e="simple",children:i,...r}){return y(l.Portal,{children:y(l.Content,{className:h("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":e,sideOffset:a,...r,children:i})})}import{jsx as n,jsxs as w}from"react/jsx-runtime";var V=P("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),p=x(({variant:t,size:a,weight:e,asChild:i,className:r,...o})=>n(i?z:"span",{className:V({variant:t,size:a,weight:e,className:r}),...o}));p.displayName="Typography";var R=x(({children:t,...a})=>{let[e,i]=C(!1);return w(c,{children:[n(v,{asChild:!0,children:n(p,{onMouseEnter:({currentTarget:o})=>{let m=o.scrollWidth>o.clientWidth;i(m),m?o.style.cursor="pointer":o.style.cursor="text"},...a,children:t})}),e&&n(g,{children:t})]})});R.displayName="TruncatedTypography";import{jsx as T}from"react/jsx-runtime";var E=S(["inline-flex items-center justify-center px-small py-small-1x rounded-small-1x text-label-sm font-medium text-neutral-label h-large-2x"],{variants:{variant:{success:"bg-success-idle",warning:"bg-warning-idle",danger:"bg-danger-idle",neutral:"bg-alt-3"}},defaultVariants:{variant:"neutral"}});function Z({text:t="Status",variant:a="neutral",className:e,...i}){return T("div",{className:N(E({variant:a}),e),...i,children:T(p,{size:"sm",variant:"label",weight:"medium",children:t})})}export{Z as Status,E as statusVariants};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cva as
|
|
1
|
+
import{cva as x,cx as T}from"@xjur-ui/util";import"react";import{jsx as w}from"react/jsx-runtime";var P=x(["group/tag relative h-large-2x w-fit rounded-small-1x px-small py-none flex items-center gap-small_1x-alt","transition-all duration-200"],{variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover",danger:"bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover",neutral:"bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover"}},defaultVariants:{variant:"primary"}});function z({className:t,variant:o="primary",disabled:e=!1,...a}){return w("div",{className:T(P({variant:o}),t),"data-disabled":e,...a})}import{cx as S}from"@xjur-ui/util";import{Slot as V}from"@radix-ui/react-slot";import{cva as R}from"@xjur-ui/util";import{memo as _,useState as N}from"react";import*as n from"@radix-ui/react-tooltip";import{jsx as m}from"react/jsx-runtime";function C({delayDuration:t=0,...o}){return m(n.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function c({...t}){return m(C,{children:m(n.Root,{"data-slot":"tooltip",...t})})}import*as u from"@radix-ui/react-tooltip";import{jsx as k}from"react/jsx-runtime";function f({...t}){return k(u.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as l from"@radix-ui/react-tooltip";import{cx as I}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function g({className:t,sideOffset:o=1,variant:e="simple",children:a,...r}){return b(l.Portal,{children:b(l.Content,{className:I("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":e,sideOffset:o,...r,children:a})})}import{jsx as s,jsxs as M}from"react/jsx-runtime";var E=R("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),p=_(({variant:t,size:o,weight:e,asChild:a,className:r,...i})=>s(a?V:"span",{className:E({variant:t,size:o,weight:e,className:r}),...i}));p.displayName="Typography";var L=_(({children:t,...o})=>{let[e,a]=N(!1);return M(c,{children:[s(f,{asChild:!0,children:s(p,{onMouseEnter:({currentTarget:i})=>{let d=i.scrollWidth>i.clientWidth;a(d),d?i.style.cursor="pointer":i.style.cursor="text"},...o,children:t})}),e&&s(g,{children:t})]})});L.displayName="TruncatedTypography";import{jsx as B}from"react/jsx-runtime";function q({variant:t="label",size:o="sm-1x",weight:e="medium",className:a,...r}){return B(p,{className:S(a,"truncate"),size:o,variant:t,weight:e,...r})}import"react";import{cx as A}from"@xjur-ui/util";import{cx as D}from"@xjur-ui/util";import{jsx as W}from"react/jsx-runtime";function v({className:t,filled:o=!1,name:e,...a}){return W("span",{...a,className:D("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:e})}import{jsx as F}from"react/jsx-runtime";function y({className:t,...o}){return F(v,{className:(A("text-size-body-md","group-data-[variant=primary]:text-primary-label-idle","group-data-[variant=danger]:text-danger-label-idle","group-data-[variant=neutral]:text-icon-neutral-3"),t),...o})}import{cx as G}from"@xjur-ui/util";import"react";import{jsx as h}from"react/jsx-runtime";function H({className:t,children:o=h(y,{name:"close"}),...e}){return h("button",{className:G(t,"cursor-pointer bg-inherit","invisible items-center justify-center group-hover/tag:data-[disabled=false]:visible","absolute top-0 right-0","h-large-2x w-large-2x rounded-circle","transition-[visibility] duration-200"),type:"button",...e,children:o})}export{H as TagClose,y as TagIcon,z as TagRoot,q as TagText};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react";import{cx as l}from"@xjur-ui/util";import{cx as n}from"@xjur-ui/util";import{jsx as i}from"react/jsx-runtime";function t({className:e,filled:o=!1,name:a,...r}){return i("span",{...r,className:n("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:a})}import{jsx as
|
|
1
|
+
import"react";import{cx as l}from"@xjur-ui/util";import{cx as n}from"@xjur-ui/util";import{jsx as i}from"react/jsx-runtime";function t({className:e,filled:o=!1,name:a,...r}){return i("span",{...r,className:n("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:a})}import{jsx as _}from"react/jsx-runtime";function b({className:e,...o}){return _(t,{className:(l("text-size-body-md","group-data-[variant=primary]:text-primary-label-idle","group-data-[variant=danger]:text-danger-label-idle","group-data-[variant=neutral]:text-icon-neutral-3"),e),...o})}export{b as TagIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cx as
|
|
1
|
+
import{cx as N}from"@xjur-ui/util";import{Slot as z}from"@radix-ui/react-slot";import{cva as P}from"@xjur-ui/util";import{memo as g,useState as u}from"react";import*as s from"@radix-ui/react-tooltip";import{jsx as d}from"react/jsx-runtime";function x({delayDuration:t=0,...o}){return d(s.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function c({...t}){return d(x,{children:d(s.Root,{"data-slot":"tooltip",...t})})}import*as f from"@radix-ui/react-tooltip";import{jsx as h}from"react/jsx-runtime";function y({...t}){return h(f.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as l from"@radix-ui/react-tooltip";import{cx as b}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function v({className:t,sideOffset:o=1,variant:i="simple",children:e,...a}){return T(l.Portal,{children:T(l.Content,{className:b("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":i,sideOffset:o,...a,children:e})})}import{jsx as n,jsxs as V}from"react/jsx-runtime";var C=P("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),p=g(({variant:t,size:o,weight:i,asChild:e,className:a,...r})=>n(e?z:"span",{className:C({variant:t,size:o,weight:i,className:a}),...r}));p.displayName="Typography";var R=g(({children:t,...o})=>{let[i,e]=u(!1);return V(c,{children:[n(y,{asChild:!0,children:n(p,{onMouseEnter:({currentTarget:r})=>{let m=r.scrollWidth>r.clientWidth;e(m),m?r.style.cursor="pointer":r.style.cursor="text"},...o,children:t})}),i&&n(v,{children:t})]})});R.displayName="TruncatedTypography";import{jsx as w}from"react/jsx-runtime";function X({variant:t="label",size:o="sm-1x",weight:i="medium",className:e,...a}){return w(p,{className:N(e,"truncate"),size:o,variant:t,weight:i,...a})}export{X as TagText};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react";import{cva as
|
|
1
|
+
import"react";import{cva as u,cx as y}from"@xjur-ui/util";import*as a from"@radix-ui/react-toast";import{cx as k}from"@xjur-ui/util";import{jsx as V}from"react/jsx-runtime";function x({className:e,filled:t=!1,name:r,...i}){return V("span",{...i,className:k("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...i.style},children:r})}import{Slot as D}from"@radix-ui/react-slot";import{cva as E}from"@xjur-ui/util";import{memo as T,useState as L}from"react";import*as p from"@radix-ui/react-tooltip";import{jsx as g}from"react/jsx-runtime";function N({delayDuration:e=0,...t}){return g(p.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function b({...e}){return g(N,{children:g(p.Root,{"data-slot":"tooltip",...e})})}import*as _ from"@radix-ui/react-tooltip";import{jsx as R}from"react/jsx-runtime";function v({...e}){return R(_.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as c from"@radix-ui/react-tooltip";import{cx as I}from"@xjur-ui/util";import{jsx as w}from"react/jsx-runtime";function h({className:e,sideOffset:t=1,variant:r="simple",children:i,...n}){return w(c.Portal,{children:w(c.Content,{className:I("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":r,sideOffset:t,...n,children:i})})}import{jsx as m,jsxs as q}from"react/jsx-runtime";var M=E("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),f=T(({variant:e,size:t,weight:r,asChild:i,className:n,...o})=>m(i?D:"span",{className:M({variant:e,size:t,weight:r,className:n}),...o}));f.displayName="Typography";var S=T(({children:e,...t})=>{let[r,i]=L(!1);return q(b,{children:[m(v,{asChild:!0,children:m(f,{onMouseEnter:({currentTarget:o})=>{let l=o.scrollWidth>o.clientWidth;i(l),l?o.style.cursor="pointer":o.style.cursor="text"},...t,children:e})}),r&&m(h,{children:e})]})});S.displayName="TruncatedTypography";import{jsx as s,jsxs as d}from"react/jsx-runtime";var B=u(["group pointer-events-auto relative flex w-full items-center justify-between space-x-4 rounded-md p-4 shadow-lg transition-all","data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)]","data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none","data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out","data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full","data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full"],{variants:{variant:{success:"border-l-[4px] border-success-idle bg-success-alt-idle text-success-idle","success-no-border":"bg-success-alt-idle text-success-idle",info:"border-l-[4px] border-neutral-border bg-neutral-surface text-neutral-idle","info-no-border":"bg-neutral-surface text-neutral-idle",warning:"border-l-[4px] border-warning-idle bg-warning-alt-idle text-warning-idle","warning-no-border":"bg-warning-alt-idle text-warning-idle",error:"border-l-[4px] border-danger-idle bg-danger-alt-idle text-danger-idle","error-no-border":"bg-danger-alt-idle text-danger-idle"}},defaultVariants:{variant:"info"}});function xe({className:e,...t}){return s(a.Viewport,{className:y("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]",e),...t})}var F=u(["flex-shrink-0"],{variants:{variant:{success:"text-success-idle","success-no-border":"text-success-idle",info:"text-neutral-idle","info-no-border":"text-neutral-idle",warning:"text-warning-idle","warning-no-border":"text-warning-idle",error:"text-danger-idle","error-no-border":"text-danger-idle"}},defaultVariants:{variant:"info"}}),W=u(["absolute top-2 right-2 rounded-md py-2 opacity-100 transition-opacity focus:opacity-100 focus:ring-2 focus:outline-none"],{variants:{variant:{success:"text-success-idle hover:text-success-idle/80","success-no-border":"text-success-idle hover:text-success-idle/80",info:"text-neutral-idle hover:text-neutral-idle/80","info-no-border":"text-neutral-idle hover:text-neutral-idle/80",warning:"text-warning-idle hover:text-warning-idle/80","warning-no-border":"text-warning-idle hover:text-warning-idle/80",error:"text-danger-idle hover:text-danger-idle/80","error-no-border":"text-danger-idle hover:text-danger-idle/80"}},defaultVariants:{variant:"info"}}),P=u(["h-4 w-4"],{variants:{variant:{success:"text-success-idle","success-no-border":"text-success-idle",info:"text-neutral-idle","info-no-border":"text-neutral-idle",warning:"text-warning-idle","warning-no-border":"text-warning-idle",error:"text-danger-idle","error-no-border":"text-danger-idle"}},defaultVariants:{variant:"info"}});function ge({children:e,className:t,description:r,dismissible:i=!0,onDismiss:n,variant:o="info",...l}){let z=()=>{switch(o){case"success":return"check";case"warning":return"warning";case"error":return"error";default:return"info"}},C=()=>{n?.()};return d(a.Root,{className:y(B({variant:o}),t),...l,children:[d("div",{className:"flex items-center space-x-3 pl-4",children:[s(x,{className:y(F({variant:o}),"text-lg"),name:z()}),d("div",{className:"flex-1",children:[r&&s(a.Description,{asChild:!0,className:P({variant:o}),children:s(f,{size:"sm",variant:"body",children:r})}),e]})]}),i&&d(a.Close,{className:W({variant:o}),onClick:C,children:[s(x,{className:P({variant:o}),name:"close"}),s("span",{className:"sr-only",children:"Fechar"})]})]})}function be({children:e,...t}){return d(a.Provider,{swipeDirection:"right",...t,children:[e,s(a.Viewport,{className:"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]"})]})}export{ge as ToastComponent,be as ToastProvider,xe as ToastViewport};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as o from"@radix-ui/react-tooltip";import{jsx as r}from"react/jsx-runtime";function m({delayDuration:t=0,...a}){return r(o.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...a})}function s({...t}){return r(m,{children:r(o.Root,{"data-slot":"tooltip",...t})})}import*as e from"@radix-ui/react-tooltip";import{jsx as f}from"react/jsx-runtime";function v({...t}){return f(e.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as i from"@radix-ui/react-tooltip";import{cx as T}from"@xjur-ui/util";import{jsx as l}from"react/jsx-runtime";function P({className:t,sideOffset:a=1,variant:n="simple",children:p,...d}){return l(i.Portal,{children:l(i.Content,{className:T("text-size-body-sm text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":n,sideOffset:a,...d,children:p})})}export{s as Tooltip,P as TooltipContent,v as TooltipTrigger};
|
|
1
|
+
import*as o from"@radix-ui/react-tooltip";import{jsx as r}from"react/jsx-runtime";function m({delayDuration:t=0,...a}){return r(o.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...a})}function s({...t}){return r(m,{children:r(o.Root,{"data-slot":"tooltip",...t})})}import*as e from"@radix-ui/react-tooltip";import{jsx as f}from"react/jsx-runtime";function v({...t}){return f(e.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as i from"@radix-ui/react-tooltip";import{cx as T}from"@xjur-ui/util";import{jsx as l}from"react/jsx-runtime";function P({className:t,sideOffset:a=1,variant:n="simple",children:p,...d}){return l(i.Portal,{children:l(i.Content,{className:T("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":n,sideOffset:a,...d,children:p})})}export{s as Tooltip,P as TooltipContent,v as TooltipTrigger};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as t from"@radix-ui/react-tooltip";import{cx as n}from"@xjur-ui/util";import{jsx as a}from"react/jsx-runtime";function m({className:i,sideOffset:o=1,variant:e="simple",children:r,...l}){return a(t.Portal,{children:a(t.Content,{className:n("text-size-body-sm text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",i),"data-slot":"tooltip-content","data-variant":e,sideOffset:o,...l,children:r})})}export{m as TooltipContent};
|
|
1
|
+
import*as t from"@radix-ui/react-tooltip";import{cx as n}from"@xjur-ui/util";import{jsx as a}from"react/jsx-runtime";function m({className:i,sideOffset:o=1,variant:e="simple",children:r,...l}){return a(t.Portal,{children:a(t.Content,{className:n("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",i),"data-slot":"tooltip-content","data-variant":e,sideOffset:o,...l,children:r})})}export{m as TooltipContent};
|
|
@@ -9,4 +9,5 @@ export interface TypographyProps extends ComponentProps<'base'>, ClassVariantPro
|
|
|
9
9
|
asChild?: boolean;
|
|
10
10
|
}
|
|
11
11
|
export declare const Typography: import("react").MemoExoticComponent<({ variant, size, weight, asChild, className, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element>;
|
|
12
|
+
export declare const TruncatedTypography: import("react").MemoExoticComponent<({ children, ...props }: React.ComponentProps<typeof Typography>) => import("react/jsx-runtime").JSX.Element>;
|
|
12
13
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Slot as
|
|
1
|
+
import{Slot as z}from"@radix-ui/react-slot";import{cva as P}from"@xjur-ui/util";import{memo as T,useState as u}from"react";import*as l from"@radix-ui/react-tooltip";import{jsx as m}from"react/jsx-runtime";function x({delayDuration:t=0,...o}){return m(l.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...o})}function d({...t}){return m(x,{children:m(l.Root,{"data-slot":"tooltip",...t})})}import*as y from"@radix-ui/react-tooltip";import{jsx as b}from"react/jsx-runtime";function c({...t}){return b(y.Trigger,{"data-slot":"tooltip-trigger",...t})}import*as s from"@radix-ui/react-tooltip";import{cx as h}from"@xjur-ui/util";import{jsx as f}from"react/jsx-runtime";function v({className:t,sideOffset:o=1,variant:e="simple",children:a,...r}){return f(s.Portal,{children:f(s.Content,{className:h("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",t),"data-slot":"tooltip-content","data-variant":e,sideOffset:o,...r,children:a})})}import{jsx as n,jsxs as V}from"react/jsx-runtime";var C=P("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),g=T(({variant:t,size:o,weight:e,asChild:a,className:r,...i})=>n(a?z:"span",{className:C({variant:t,size:o,weight:e,className:r}),...i}));g.displayName="Typography";var R=T(({children:t,...o})=>{let[e,a]=u(!1);return V(d,{children:[n(c,{asChild:!0,children:n(g,{onMouseEnter:({currentTarget:i})=>{let p=i.scrollWidth>i.clientWidth;a(p),p?i.style.cursor="pointer":i.style.cursor="text"},...o,children:t})}),e&&n(v,{children:t})]})});R.displayName="TruncatedTypography";export{R as TruncatedTypography,g as Typography};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useRef as st,useState as ne,useCallback as w,createContext as pt,useContext as mt}from"react";import{cva as dt,cx as _}from"@xjur-ui/util";import{cx as xe}from"@xjur-ui/util";import{jsx as ve}from"react/jsx-runtime";function P({className:t,filled:e=!1,name:o,...r}){return ve("span",{...r,className:xe("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:o})}import{Slot as be}from"@radix-ui/react-slot";import{cva as ye,cx as he}from"@xjur-ui/util";import{jsx as Pe}from"react/jsx-runtime";var Ce=ye(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function A({asChild:t,className:e,variant:o="primary",size:r="md",appearance:i="solid",...n}){return Pe(t?be:"button",{className:he(Ce({variant:o,appearance:i,size:r}),e),...n})}import"react";import*as F from"@radix-ui/react-switch";import{cx as X}from"@xjur-ui/util";import{jsx as Z}from"react/jsx-runtime";function j({className:t,...e}){return Z(F.Root,{className:X("w-large-3x h-large rounded-circle inline-flex shrink-0 items-center border border-transparent","peer data-[state=checked]:bg-primary-idle data-[state=unchecked]:bg-alt-4","focus-visible:border-ring focus-visible:ring-ring/50 transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50","hover:shadow-focus-primary p-[2px]",t),"data-slot":"switch",...e,children:Z(F.Thumb,{className:X("bg-layer-2-idle size-medium pointer-events-none rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"),"data-slot":"switch-thumb"})})}import{createContext as we,useContext as _e}from"react";var S=we({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function m(){let t=_e(S);if(!t)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return t}import{tv as ke}from"@xjur-ui/util";var c=ke({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"}}}});import{jsx as ee}from"react/jsx-runtime";var{wrapper:Se}=c();function D({className:t,state:e="normal",customMask:o,variant:r="normal",mask:i,...n}){return ee(S.Provider,{value:{state:e,customMask:o,mask:i,variant:r},children:ee("div",{className:Se({className:t,state:e}),...n})})}import{jsx as Ne}from"react/jsx-runtime";var{content:ze}=c();function E({className:t,...e}){let{state:o}=m();return Ne("div",{className:ze({className:t,state:o}),...e})}import{tv as Kt}from"@xjur-ui/util";import{jsx as Jt}from"react/jsx-runtime";import{jsx as Xt}from"react/jsx-runtime";import{tv as eo,twMerge as to}from"@xjur-ui/util";import{jsx as io}from"react/jsx-runtime";var{trigger:ao}=c();import{InputMask as co}from"@react-input/mask";import{jsx as bo}from"react/jsx-runtime";var{value:xo}=c();import{jsx as Fe}from"react/jsx-runtime";var{value:Te}=c();function U({className:t,placeholder:e,...o}){let{state:r,variant:i}=m();return Fe("input",{...o,className:Te({className:t,state:r}),disabled:r==="disabled",placeholder:i==="filter"?" ":e,readOnly:r==="disabled"})}import{NumericFormat as ko}from"react-number-format";import{jsx as Fo}from"react/jsx-runtime";var{value:No}=c();import{jsx as Ao}from"react/jsx-runtime";var{icon:Mo}=c();import{jsx as qo}from"react/jsx-runtime";var{slotText:Ho}=c();import{jsx as Yo}from"react/jsx-runtime";var{caption:Jo}=c();import{jsx as tr}from"react/jsx-runtime";var{action:jo}=c();import"react";import*as Ie from"@radix-ui/react-separator";import{cx as nr}from"@xjur-ui/util";import{jsx as lr}from"react/jsx-runtime";import{jsx as fr,jsxs as gr}from"react/jsx-runtime";import{twMerge as br}from"@xjur-ui/util";import{jsx as Pr,jsxs as wr}from"react/jsx-runtime";import*as oe from"@radix-ui/react-popover";import{tv as Me}from"@xjur-ui/util";var h=Me({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"}}}});import{jsx as H}from"react/jsx-runtime";var{wrapper:Oe}=h();function B({className:t,state:e="normal",defaultOpen:o,variant:r="normal",modal:i,open:n,onOpenChange:d,...x}){return H(oe.Root,{defaultOpen:o,modal:i,open:n,onOpenChange:d,children:H(S.Provider,{value:{state:e,variant:r},children:H("div",{className:Oe({className:t,state:e}),...x})})})}import{tv as Ae,twMerge as De}from"@xjur-ui/util";import*as re from"@radix-ui/react-popover";import{jsx as Ue}from"react/jsx-runtime";var{trigger:Ee}=h();function q({className:t,...e}){let{state:o,variant:r}=m(),i=Ae({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"]}}}),n=De(Ee({state:o,className:t}),r==="filter"&&i({state:o,className:t}));return Ue(re.Trigger,{className:n,disabled:o==="disabled",...e})}import{jsx as pa}from"react/jsx-runtime";var{icon:la}=h();import{twJoin as va}from"@xjur-ui/util";import{useMemo as ya}from"react";import{Slot as He}from"@radix-ui/react-slot";import{cva as Be}from"@xjur-ui/util";import{memo as qe}from"react";import{jsx as $e}from"react/jsx-runtime";var Ke=Be("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),z=qe(({variant:t,size:e,weight:o,asChild:r,className:i,...n})=>$e(r?He:"span",{className:Ke({variant:t,size:e,weight:o,className:i}),...n}));z.displayName="Typography";import{jsx as _a,jsxs as ka}from"react/jsx-runtime";import{twMerge as Na}from"@xjur-ui/util";import{Fragment as Fa,useMemo as Ia}from"react";import{jsx as Oa,jsxs as Aa}from"react/jsx-runtime";import*as R from"@radix-ui/react-popover";import{Slot as Je}from"@radix-ui/react-slot";import{cx as Ge}from"@xjur-ui/util";import{useVirtualizer as Ye}from"@tanstack/react-virtual";import{useRef as Qe}from"react";import{createContext as We}from"react";var I=We({virtualizer:null,enabled:!1});import{jsx as ae}from"react/jsx-runtime";function K({className:t,asChild:e,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:n=()=>48,overscan:d=5,...x}){let b=e?Je:"div",f=Qe(null),y=Ye({count:i,getScrollElement:()=>f.current,estimateSize:n,overscan:d,enabled:r});return ae(I.Provider,{value:{virtualizer:y,enabled:r},children:ae(b,{...x,className:Ge(t,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-y-auto border"),ref:f,children:o})})}import{Slot as Ya}from"@radix-ui/react-slot";import{cx as Xa}from"@xjur-ui/util";import{jsx as ja}from"react/jsx-runtime";import{cx as on}from"@xjur-ui/util";import{jsx as nn}from"react/jsx-runtime";import{Slot as pn}from"@radix-ui/react-slot";import{cx as dn}from"@xjur-ui/util";import{useContext as un}from"react";import{jsx as xn}from"react/jsx-runtime";import{Slot as Xe}from"@radix-ui/react-slot";import{cx as Ze,cva as je}from"@xjur-ui/util";import{jsx as tt}from"react/jsx-runtime";var et=je(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function $({className:t,size:e,isActive:o,asChild:r,...i}){return tt(r?Xe:"li",{...i,className:Ze(et({size:e,isActive:o}),t)})}import{jsx as W}from"react/jsx-runtime";var{content:nt}=h();function J({className:t,sideOffset:e=5,side:o="bottom",align:r="start",children:i,virtualized:n=!1,overscan:d=5,estimateSize:x=()=>32,...b}){let{state:f}=m();return W(R.Portal,{children:W(R.Content,{align:r,className:nt({className:t,state:f}),side:o,sideOffset:e,...b,children:W(K,{estimateSize:x,overscan:d,virtualized:n,children:i})})})}import{jsx as Dn}from"react/jsx-runtime";var{caption:On}=h();import{jsx as Kn}from"react/jsx-runtime";var{slotText:Bn}=h();import{jsx as Gn}from"react/jsx-runtime";import{twMerge as it}from"@xjur-ui/util";import{jsx as lt}from"react/jsx-runtime";function G({className:t,...e}){return lt($,{className:it(t,"cursor-pointer"),...e})}import{jsx as oi}from"react/jsx-runtime";import{jsx as ii}from"react/jsx-runtime";import{jsx as mi}from"react/jsx-runtime";import{jsx as a,jsxs as C}from"react/jsx-runtime";var ie=pt(null);function V(){let t=mt(ie);if(!t)throw new Error("Upload components must be used within UploadRoot");return t}function ct({children:t,className:e,files:o,onFilesChange:r,accept:i,multiple:n=!1,disabled:d=!1,maxFiles:x=1,maxSize:b,acceptedFormats:f=[".jpeg",".png",".webp"],...y}){return a(ie.Provider,{value:{files:o,onFilesChange:r,accept:i,multiple:n,disabled:d,maxFiles:x,maxSize:b,acceptedFormats:f},children:a("div",{className:_("flex flex-col gap-4",e),...y,children:t})})}var ut=dt(["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:!0},{size:"medium",showButton:!0},{size:"small",showButton:!0},{variant:"oneLineWhite",showButton:!1,className:"items-center flex flex-row justify-center"},{variant:"oneLineTransparent",showButton:!1,className:"items-center flex flex-row justify-center"}],defaultVariants:{size:"large",variant:"default",showButton:!0}});function ft({className:t,size:e="large",showButton:o=!0,variant:r="default",showAcceptedFormats:i=!0,buttonText:n="Selecionar arquivo",description:d="Clique ou solte os arquivos para fazer o upload",icon:x="upload",...b}){let{onFilesChange:f,accept:y,multiple:p,disabled:s,maxFiles:l,maxSize:k,acceptedFormats:Y}=V(),[pe,L]=ne(!1),N=st(null),[Q,M]=ne(0),T=w(u=>{let g=u;return l&&l>0&&(g=g.slice(0,l)),k&&(g=g.filter(v=>v.size<=k)),y&&(g=g.filter(v=>{let ge=`.${v.name.split(".").pop()?.toLowerCase()}`;return Y?.some(O=>O.startsWith(".")?O===ge:v.type.includes(O))})),g.map(v=>({name:v.name,type:v.type,fileBinary:v,restrict:!1}))},[l,k,y,Y]),me=w(u=>{u.preventDefault(),u.stopPropagation(),M(g=>g+1),L(!0)},[]),de=w(u=>{u.preventDefault(),u.stopPropagation(),M(g=>g-1),Q<=1&&L(!1)},[Q]),ce=w(u=>{u.preventDefault(),u.stopPropagation()},[]),ue=w(u=>{if(u.preventDefault(),u.stopPropagation(),L(!1),M(0),s)return;let g=Array.from(u.dataTransfer.files),v=T(g);v.length>0&&f?.(v)},[s,f,T]),fe=w(u=>{if(s)return;let g=Array.from(u.target.files||[]),v=T(g);v.length>0&&f?.(v)},[s,f,T]);return C(se,{...b,"aria-disabled":s,"aria-label":d,className:_(ut({size:e,showButton:o,variant:r}),t),"data-drag-over":pe,fileInputRef:N,onDragEnter:me,onDragLeave:de,onDragOver:ce,onDrop:ue,children:[a("input",{accept:y,className:"hidden",disabled:s,multiple:p,ref:N,type:"file",onChange:fe}),a(le,{buttonText:n,description:d,icon:x,showAcceptedFormats:i,showButton:o,variant:r||"default",onButtonClick:()=>{!s&&N.current&&N.current.click()}})]})}function gt({children:t,className:e,...o}){return a("h3",{className:_("text-neutral-dark text-lg font-semibold",e),...o,children:t})}function le({description:t="Clique ou solte os arquivos para fazer o upload",icon:e="upload",showAcceptedFormats:o=!0,buttonText:r="Selecionar arquivo",showButton:i=!0,onButtonClick:n,variant:d="default",className:x,...b}){let{acceptedFormats:f}=V(),y=()=>o?C("p",{className:"text-neutral-secondary mt-2 text-sm",children:["Formatos aceitos: ",f?.join(" ")]}):null;return d==="oneLineWhite"||d==="oneLineTransparent"?C("div",{...b,className:_("flex h-full items-center justify-center gap-4 text-center",x),children:[a(P,{className:"text-neutral-secondary text-4xl",name:e}),a("p",{className:"text-neutral-dark text-base font-medium",children:t}),y()]}):C("div",{...b,className:_("flex h-full w-full flex-col items-center gap-4 text-center",x),children:[C("div",{className:"flex flex-col items-center",children:[a(P,{className:"text-neutral-secondary mb-3 text-4xl",name:e}),a("p",{className:"text-neutral-dark mb-2 text-base font-medium",children:t}),y()]}),i&&a("div",{children:a(A,{size:"md",variant:"primary",onClick:s=>{s.stopPropagation(),n?.()},children:r})})]})}function se({children:t,fileInputRef:e,...o}){let{disabled:r}=V(),i=w(()=>{!r&&e?.current&&e.current.click()},[r,e]);return a("div",{role:"button",tabIndex:r?-1:0,onClick:i,onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),i())},...o,children:t})}function xt({fileTypeOptions:t=[{value:"document",label:"Documento"},{value:"image",label:"Imagem"},{value:"video",label:"V\xEDdeo"},{value:"audio",label:"\xC1udio"},{value:"other",label:"Outro"}],onUpdateFile:e,onDeleteFile:o,className:r,...i}){let{files:n,onFilesChange:d}=V();if(!n||n.length===0)return null;let x=(p,s)=>{if(e)e(p,{description:s});else{let l=[...n];l[p]={...l[p],description:s},d?.(l)}},b=(p,s)=>{if(e)e(p,{fileType:s});else{let l=[...n];l[p]={...l[p],fileType:s},d?.(l)}},f=(p,s)=>{if(e)e(p,{restrict:s});else{let l=[...n];l[p]={...l[p],restrict:s},d?.(l)}},y=p=>{if(o)o(p);else{let s=n.filter((l,k)=>k!==p);d?.(s)}};return a("div",{className:_("space-y-2",r),...i,children:C("div",{className:"border-border-layer-2 p-4",children:[C("div",{className:"border-border-layer-2 mb-3 flex w-full flex-row items-center justify-between gap-4 border-b pb-2",children:[a("div",{className:"w-full",children:a("span",{className:"text-sm font-medium text-gray-300",children:"Descri\xE7\xE3o"})}),a("div",{className:"w-full",children:a("span",{className:"text-sm font-medium text-gray-300",children:"Tipo"})}),a("div",{className:"flex justify-end",children:a("span",{className:"text-sm font-medium text-gray-300",children:"Restrito"})})]}),a("div",{className:"space-y-3",children:n.map((p,s)=>C("div",{className:"flex flex-row items-center gap-4 py-3",children:[a("div",{className:"flex justify-start",children:a(P,{className:"text-neutral-secondary hover:text-neutral-dark cursor-grab",name:"drag_indicator"})}),a("div",{className:"w-full",children:a(D,{children:a(E,{children:a(U,{placeholder:"Nome do arquivo",value:p.description||p.name,onChange:l=>x(s,l.target.value)})})})}),a("div",{className:"w-full",children:C(B,{children:[C(q,{className:"flex justify-between",children:[a("span",{className:"text-neutral-dark",children:t.find(l=>l.value===p.fileType)?.label||"Tipo"}),a(P,{className:"text-neutral-secondary",name:"keyboard_arrow_down"})]}),a(J,{children:t.map(l=>a(G,{value:l.value,onSelect:()=>b(s,l.value),children:l.label},l.value))})]})}),a("div",{className:"flex justify-end",children:a(j,{checked:p.restrict||!1,onCheckedChange:l=>f(s,l)})}),a("div",{className:"flex justify-end",children:a(A,{appearance:"ghost",size:"sm",variant:"destructive",onClick:()=>y(s),children:a(P,{name:"delete"})})})]},s))})]})})}var Bi={Root:ct,Area:ft,Title:gt,AreaContent:le,AreaTrigger:se,EditableList:xt};export{xt as EditableFilesList,Bi as Upload,ft as UploadArea,le as UploadAreaContent,se as UploadAreaTrigger,ct as UploadRoot,gt as UploadTitle,ut as uploadAreaVariants};
|
|
1
|
+
import{useRef as Pt,useState as xe,useCallback as w,createContext as wt,useContext as Tt}from"react";import{cva as _t,cx as T}from"@xjur-ui/util";import{cx as ze}from"@xjur-ui/util";import{jsx as Ne}from"react/jsx-runtime";function P({className:e,filled:t=!1,name:o,...r}){return Ne("span",{...r,className:ze("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:o})}import{Slot as Se}from"@radix-ui/react-slot";import{cva as Fe,cx as Ie}from"@xjur-ui/util";import{jsx as Ve}from"react/jsx-runtime";var Re=Fe(["outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"],{variants:{size:{md:"py-small_1x-alt px-medium text-size-body-md",sm:"py-small-1x px-small text-size-label-sm",icon_md:"p-small text-size-body-md h-large-4x w-large-4x",icon_sm:"p-small-1x text-size-label-sm h-large-2x w-large-2x"},variant:{primary:"",secondary:"",tertiary:"",destructive:"",outlined:"bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"},appearance:{solid:"",ghost:"bg-transparent"}},compoundVariants:[{variant:"primary",appearance:"solid",class:"bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"},{variant:"primary",appearance:"ghost",class:"text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"},{variant:"secondary",appearance:"solid",class:"bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"},{variant:"secondary",appearance:"ghost",class:"hover:bg-layer-1-hover active:bg-layer-1-pressed"},{variant:"tertiary",appearance:"solid",class:"bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"},{variant:"tertiary",appearance:"ghost",class:"hover:bg-layer-2-hover active:bg-layer-2-pressed"},{variant:"destructive",appearance:"solid",class:"bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"},{variant:"destructive",appearance:"ghost",class:"text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"}],defaultVariants:{size:"md",variant:"primary",appearance:"solid"}});function H({asChild:e,className:t,variant:o="primary",size:r="md",appearance:i="solid",...a}){return Ve(e?Se:"button",{className:Ie(Re({variant:o,appearance:i,size:r}),t),...a})}import"react";import*as F from"@radix-ui/react-switch";import{cx as ae}from"@xjur-ui/util";import{jsx as ne}from"react/jsx-runtime";function ie({className:e,...t}){return ne(F.Root,{className:ae("w-large-3x h-large rounded-circle inline-flex shrink-0 items-center border border-transparent","peer data-[state=checked]:bg-primary-idle data-[state=unchecked]:bg-alt-4","focus-visible:border-ring focus-visible:ring-ring/50 transition-all outline-none disabled:cursor-not-allowed disabled:opacity-50","hover:shadow-focus-primary p-[2px]",e),"data-slot":"switch",...t,children:ne(F.Thumb,{className:ae("bg-layer-2-idle size-medium pointer-events-none rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"),"data-slot":"switch-thumb"})})}import{createContext as Me,useContext as Le}from"react";var k=Me({state:"normal",variant:"normal",customMask:void 0,mask:void 0});function d(){let e=Le(k);if(!e)throw new Error("useFieldContext must be used within a InputRoot, SelectRoot, DatePickerRoot, etc.");return e}import{tv as Oe}from"@xjur-ui/util";var c=Oe({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 group-data-[state=open]:rotate-180 transition-transform duration-200",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"}}}});import{jsx as le}from"react/jsx-runtime";var{wrapper:Ae}=c();function U({className:e,state:t="normal",customMask:o,variant:r="normal",mask:i,...a}){return le(k.Provider,{value:{state:t,customMask:o,mask:i,variant:r},children:le("div",{className:Ae({className:e,state:t}),...a})})}import{jsx as De}from"react/jsx-runtime";var{content:Ee}=c();function B({className:e,...t}){let{state:o}=d();return De("div",{className:Ee({className:e,state:o}),...t})}import{tv as ao}from"@xjur-ui/util";import{jsx as lo}from"react/jsx-runtime";import{jsx as co}from"react/jsx-runtime";import{tv as go,twMerge as xo}from"@xjur-ui/util";import{jsx as Co}from"react/jsx-runtime";var{trigger:yo}=c();import{InputMask as ko}from"@react-input/mask";import{jsx as Ro}from"react/jsx-runtime";var{value:Fo}=c();import{jsx as Ue}from"react/jsx-runtime";var{value:He}=c();function q({className:e,placeholder:t,...o}){let{state:r,variant:i}=d();return Ue("input",{...o,className:He({className:e,state:r}),disabled:r==="disabled",placeholder:i==="filter"?" ":t,readOnly:r==="disabled"})}import{NumericFormat as Do}from"react-number-format";import{jsx as Ko}from"react/jsx-runtime";var{value:Bo}=c();import{jsx as Xo}from"react/jsx-runtime";var{icon:Yo}=c();import{jsx as rr}from"react/jsx-runtime";var{slotText:tr}=c();import{jsx as pr}from"react/jsx-runtime";var{caption:lr}=c();import{jsx as gr}from"react/jsx-runtime";var{action:ur}=c();import"react";import*as Be from"@radix-ui/react-separator";import{cx as yr}from"@xjur-ui/util";import{jsx as Cr}from"react/jsx-runtime";import{jsx as Nr,jsxs as Sr}from"react/jsx-runtime";import{twMerge as Rr}from"@xjur-ui/util";import{jsx as Or,jsxs as Ar}from"react/jsx-runtime";import*as pe from"@radix-ui/react-popover";import{tv as We}from"@xjur-ui/util";var h=We({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-[240px] min-w-[var(--radix-popover-trigger-width)] group-data-[state=open]:rotate-180 transition-transform duration-200"],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"}}}});import{jsx as K}from"react/jsx-runtime";var{wrapper:Je}=h();function $({className:e,state:t="normal",defaultOpen:o,variant:r="normal",modal:i,open:a,onOpenChange:p,...x}){return K(pe.Root,{defaultOpen:o,modal:i,open:a,onOpenChange:p,children:K(k.Provider,{value:{state:t,variant:r},children:K("div",{className:Je({className:e,state:t}),...x})})})}import{tv as Ge,twMerge as Ye}from"@xjur-ui/util";import*as me from"@radix-ui/react-popover";import{jsx as Xe}from"react/jsx-runtime";var{trigger:Qe}=h();function W({className:e,...t}){let{state:o,variant:r}=d(),i=Ge({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=Ye(Qe({state:o,className:e}),r==="filter"&&i({state:o,className:e}));return Xe(me.Trigger,{className:a,disabled:o==="disabled",...t})}import{jsx as wa}from"react/jsx-runtime";var{icon:Ca}=h();import{twJoin as qa}from"@xjur-ui/util";import{useMemo as $a}from"react";import{Slot as tt}from"@radix-ui/react-slot";import{cva as ot}from"@xjur-ui/util";import{memo as ue,useState as rt}from"react";import*as I from"@radix-ui/react-tooltip";import{jsx as J}from"react/jsx-runtime";function Ze({delayDuration:e=0,...t}){return J(I.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function G({...e}){return J(Ze,{children:J(I.Root,{"data-slot":"tooltip",...e})})}import*as de from"@radix-ui/react-tooltip";import{jsx as je}from"react/jsx-runtime";function Y({...e}){return je(de.Trigger,{"data-slot":"tooltip-trigger",...e})}import*as R from"@radix-ui/react-tooltip";import{cx as et}from"@xjur-ui/util";import{jsx as ce}from"react/jsx-runtime";function Q({className:e,sideOffset:t=1,variant:o="simple",children:r,...i}){return ce(R.Portal,{children:ce(R.Content,{className:et("text-size-body-sm z-99999 text-balance","data-[variant=simple]:bg-alt-2 data-[variant=simple]:text-neutral-label data-[variant=simple]:rounded-small-1x data-[variant=simple]:px-small data-[variant=simple]:py-small-1x","data-[variant=rich]:bg-layer-2-idle data-[variant=rich]:text-neutral-dark data-[variant=rich]:rounded-small data-[variant=rich]:border-border-layer-2 data-[variant=rich]:p-large data-[variant=rich]:border","animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin)",e),"data-slot":"tooltip-content","data-variant":o,sideOffset:t,...i,children:r})})}import{jsx as V,jsxs as nt}from"react/jsx-runtime";var at=ot("",{variants:{variant:{body:"",label:"",title:"",headline:""},size:{"sm-2x":"","sm-1x":"",sm:"",md:"",lg:""},weight:{thin:"font-thin",extraLight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extraBold:"font-extrabold",black:"font-black"}},compoundVariants:[{variant:"body",size:"sm-1x",class:"text-size-body-sm-1x"},{variant:"body",size:"sm",class:"text-size-body-sm"},{variant:"body",size:"md",class:"text-size-body-md"},{variant:"body",size:"lg",class:"text-size-body-lg"},{variant:"label",size:"sm-2x",class:"text-size-label-sm-2x"},{variant:"label",size:"sm-1x",class:"text-size-label-sm-1x"},{variant:"label",size:"sm",class:"text-size-label-sm"},{variant:"label",size:"md",class:"text-size-label-md"},{variant:"label",size:"lg",class:"text-size-label-lg"},{variant:"title",size:"sm",class:"text-size-title-sm"},{variant:"title",size:"md",class:"text-size-title-md"},{variant:"title",size:"lg",class:"text-size-title-lg"},{variant:"headline",size:"sm",class:"text-size-headline-sm"},{variant:"headline",size:"md",class:"text-size-headline-md"},{variant:"headline",size:"lg",class:"text-size-headline-lg"}],defaultVariants:{variant:"body",size:"md",weight:"normal"}}),z=ue(({variant:e,size:t,weight:o,asChild:r,className:i,...a})=>V(r?tt:"span",{className:at({variant:e,size:t,weight:o,className:i}),...a}));z.displayName="Typography";var fe=ue(({children:e,...t})=>{let[o,r]=rt(!1);return nt(G,{children:[V(Y,{asChild:!0,children:V(z,{onMouseEnter:({currentTarget:a})=>{let p=a.scrollWidth>a.clientWidth;r(p),p?a.style.cursor="pointer":a.style.cursor="text"},...t,children:e})}),o&&V(Q,{children:e})]})});fe.displayName="TruncatedTypography";import{jsx as Qa,jsxs as Xa}from"react/jsx-runtime";import{twMerge as en}from"@xjur-ui/util";import{Fragment as on,useMemo as rn}from"react";import{jsx as pn,jsxs as mn}from"react/jsx-runtime";import*as L from"@radix-ui/react-popover";import{Slot as lt}from"@radix-ui/react-slot";import{cx as st}from"@xjur-ui/util";import{useVirtualizer as pt}from"@tanstack/react-virtual";import{useRef as mt}from"react";import{createContext as it}from"react";var M=it({virtualizer:null,enabled:!1});import{jsx as ge}from"react/jsx-runtime";function X({className:e,asChild:t,children:o,virtualized:r=!1,itemCount:i=0,estimateSize:a=()=>48,overscan:p=5,...x}){let b=t?lt:"div",f=mt(null),y=pt({count:i,getScrollElement:()=>f.current,estimateSize:a,overscan:p,enabled:r});return ge(M.Provider,{value:{virtualizer:y,enabled:r},children:ge(b,{...x,className:st(e,"rounded-small scrollbar-thin bg-layer-2-idle border-border-layer-2 shadow-elevation-3 z-1000 max-h-[400px] list-none overflow-y-auto border"),ref:f,children:o})})}import{Slot as Pn}from"@radix-ui/react-slot";import{cx as Tn}from"@xjur-ui/util";import{jsx as kn}from"react/jsx-runtime";import{cx as Sn}from"@xjur-ui/util";import{jsx as Rn}from"react/jsx-runtime";import{Slot as Ln}from"@radix-ui/react-slot";import{cx as An}from"@xjur-ui/util";import{useContext as Dn}from"react";import{jsx as Bn}from"react/jsx-runtime";import{Slot as dt}from"@radix-ui/react-slot";import{cx as ct,cva as ut}from"@xjur-ui/util";import{jsx as gt}from"react/jsx-runtime";var ft=ut(["py-medium px-small flex items-center gap-small rounded-small-1x","bg-layer-2-idle text-neutral-dark","hover:bg-layer-2-hover transition-colors duration-100 ease-out","active:bg-layer-2-pressed"],{variants:{size:{md:"h-large-4x",lg:"h-large-7x"},isActive:{true:"bg-primary-alt-active text-primary-label-active hover:bg-primary-alt-hover active:bg-primary-alt-pressed"}},defaultVariants:{size:"md",isActive:!1}});function Z({className:e,size:t,isActive:o,asChild:r,...i}){return gt(r?dt:"li",{...i,className:ct(ft({size:t,isActive:o}),e)})}import{jsx as j}from"react/jsx-runtime";var{content:yt}=h();function ee({className:e,sideOffset:t=5,side:o="bottom",align:r="start",children:i,virtualized:a=!1,overscan:p=5,estimateSize:x=()=>32,...b}){let{state:f}=d();return j(L.Portal,{children:j(L.Content,{align:r,className:yt({className:e,state:f}),side:o,sideOffset:t,...b,children:j(X,{estimateSize:x,overscan:p,virtualized:a,children:i})})})}import{jsx as mi}from"react/jsx-runtime";var{caption:si}=h();import{jsx as xi}from"react/jsx-runtime";var{slotText:fi}=h();import{jsx as hi}from"react/jsx-runtime";import{twMerge as ht}from"@xjur-ui/util";import{jsx as Ct}from"react/jsx-runtime";function te({className:e,...t}){return Ct(Z,{className:ht(e,"cursor-pointer"),...t})}import{twMerge as zi}from"@xjur-ui/util";import{jsx as Fi}from"react/jsx-runtime";import{jsx as Mi}from"react/jsx-runtime";import{jsx as Ei}from"react/jsx-runtime";import{jsx as n,jsxs as C}from"react/jsx-runtime";var ve=wt(null);function O(){let e=Tt(ve);if(!e)throw new Error("Upload components must be used within UploadRoot");return e}function kt({children:e,className:t,files:o,onFilesChange:r,accept:i,multiple:a=!1,disabled:p=!1,maxFiles:x=1,maxSize:b,acceptedFormats:f=[".jpeg",".png",".webp"],...y}){return n(ve.Provider,{value:{files:o,onFilesChange:r,accept:i,multiple:a,disabled:p,maxFiles:x,maxSize:b,acceptedFormats:f},children:n("div",{className:T("flex flex-col gap-4",t),...y,children:e})})}var zt=_t(["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:!0},{size:"medium",showButton:!0},{size:"small",showButton:!0},{variant:"oneLineWhite",showButton:!1,className:"items-center flex flex-row justify-center"},{variant:"oneLineTransparent",showButton:!1,className:"items-center flex flex-row justify-center"}],defaultVariants:{size:"large",variant:"default",showButton:!0}});function Nt({className:e,size:t="large",showButton:o=!0,variant:r="default",showAcceptedFormats:i=!0,buttonText:a="Selecionar arquivo",description:p="Clique ou solte os arquivos para fazer o upload",icon:x="upload",...b}){let{onFilesChange:f,accept:y,multiple:m,disabled:s,maxFiles:l,maxSize:_,acceptedFormats:oe}=O(),[he,A]=xe(!1),N=Pt(null),[re,E]=xe(0),S=w(u=>{let g=u;return l&&l>0&&(g=g.slice(0,l)),_&&(g=g.filter(v=>v.size<=_)),y&&(g=g.filter(v=>{let ke=`.${v.name.split(".").pop()?.toLowerCase()}`;return oe?.some(D=>D.startsWith(".")?D===ke:v.type.includes(D))})),g.map(v=>({name:v.name,type:v.type,fileBinary:v,restrict:!1}))},[l,_,y,oe]),Ce=w(u=>{u.preventDefault(),u.stopPropagation(),E(g=>g+1),A(!0)},[]),Pe=w(u=>{u.preventDefault(),u.stopPropagation(),E(g=>g-1),re<=1&&A(!1)},[re]),we=w(u=>{u.preventDefault(),u.stopPropagation()},[]),Te=w(u=>{if(u.preventDefault(),u.stopPropagation(),A(!1),E(0),s)return;let g=Array.from(u.dataTransfer.files),v=S(g);v.length>0&&f?.(v)},[s,f,S]),_e=w(u=>{if(s)return;let g=Array.from(u.target.files||[]),v=S(g);v.length>0&&f?.(v)},[s,f,S]);return C(ye,{...b,"aria-disabled":s,"aria-label":p,className:T(zt({size:t,showButton:o,variant:r}),e),"data-drag-over":he,fileInputRef:N,onDragEnter:Ce,onDragLeave:Pe,onDragOver:we,onDrop:Te,children:[n("input",{accept:y,className:"hidden",disabled:s,multiple:m,ref:N,type:"file",onChange:_e}),n(be,{buttonText:a,description:p,icon:x,showAcceptedFormats:i,showButton:o,variant:r||"default",onButtonClick:()=>{!s&&N.current&&N.current.click()}})]})}function St({children:e,className:t,...o}){return n("h3",{className:T("text-neutral-dark text-lg font-semibold",t),...o,children:e})}function be({description:e="Clique ou solte os arquivos para fazer o upload",icon:t="upload",showAcceptedFormats:o=!0,buttonText:r="Selecionar arquivo",showButton:i=!0,onButtonClick:a,variant:p="default",className:x,...b}){let{acceptedFormats:f}=O(),y=()=>o?C("p",{className:"text-neutral-secondary mt-2 text-sm",children:["Formatos aceitos: ",f?.join(" ")]}):null;return p==="oneLineWhite"||p==="oneLineTransparent"?C("div",{...b,className:T("flex h-full items-center justify-center gap-4 text-center",x),children:[n(P,{className:"text-neutral-secondary text-4xl",name:t}),n("p",{className:"text-neutral-dark text-base font-medium",children:e}),y()]}):C("div",{...b,className:T("flex h-full w-full flex-col items-center gap-4 text-center",x),children:[C("div",{className:"flex flex-col items-center",children:[n(P,{className:"text-neutral-secondary mb-3 text-4xl",name:t}),n("p",{className:"text-neutral-dark mb-2 text-base font-medium",children:e}),y()]}),i&&n("div",{children:n(H,{size:"md",variant:"primary",onClick:s=>{s.stopPropagation(),a?.()},children:r})})]})}function ye({children:e,fileInputRef:t,...o}){let{disabled:r}=O(),i=w(()=>{!r&&t?.current&&t.current.click()},[r,t]);return n("div",{role:"button",tabIndex:r?-1:0,onClick:i,onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),i())},...o,children:e})}function Ft({fileTypeOptions:e=[{value:"document",label:"Documento"},{value:"image",label:"Imagem"},{value:"video",label:"V\xEDdeo"},{value:"audio",label:"\xC1udio"},{value:"other",label:"Outro"}],onUpdateFile:t,onDeleteFile:o,className:r,...i}){let{files:a,onFilesChange:p}=O();if(!a||a.length===0)return null;let x=(m,s)=>{if(t)t(m,{description:s});else{let l=[...a];l[m]={...l[m],description:s},p?.(l)}},b=(m,s)=>{if(t)t(m,{fileType:s});else{let l=[...a];l[m]={...l[m],fileType:s},p?.(l)}},f=(m,s)=>{if(t)t(m,{restrict:s});else{let l=[...a];l[m]={...l[m],restrict:s},p?.(l)}},y=m=>{if(o)o(m);else{let s=a.filter((l,_)=>_!==m);p?.(s)}};return n("div",{className:T("space-y-2",r),...i,children:C("div",{className:"border-border-layer-2 p-4",children:[C("div",{className:"border-border-layer-2 mb-3 flex w-full flex-row items-center justify-between gap-4 border-b pb-2",children:[n("div",{className:"w-full",children:n("span",{className:"text-sm font-medium text-gray-300",children:"Descri\xE7\xE3o"})}),n("div",{className:"w-full",children:n("span",{className:"text-sm font-medium text-gray-300",children:"Tipo"})}),n("div",{className:"flex justify-end",children:n("span",{className:"text-sm font-medium text-gray-300",children:"Restrito"})})]}),n("div",{className:"space-y-3",children:a.map((m,s)=>C("div",{className:"flex flex-row items-center gap-4 py-3",children:[n("div",{className:"flex justify-start",children:n(P,{className:"text-neutral-secondary hover:text-neutral-dark cursor-grab",name:"drag_indicator"})}),n("div",{className:"w-full",children:n(U,{children:n(B,{children:n(q,{placeholder:"Nome do arquivo",value:m.description||m.name,onChange:l=>x(s,l.target.value)})})})}),n("div",{className:"w-full",children:C($,{children:[C(W,{className:"flex justify-between",children:[n("span",{className:"text-neutral-dark",children:e.find(l=>l.value===m.fileType)?.label||"Tipo"}),n(P,{className:"text-neutral-secondary",name:"keyboard_arrow_down"})]}),n(ee,{children:e.map(l=>n(te,{value:l.value,onSelect:()=>b(s,l.value),children:l.label},l.value))})]})}),n("div",{className:"flex justify-end",children:n(ie,{checked:m.restrict||!1,onCheckedChange:l=>f(s,l)})}),n("div",{className:"flex justify-end",children:n(H,{appearance:"ghost",size:"sm",variant:"destructive",onClick:()=>y(s),children:n(P,{name:"delete"})})})]},s))})]})})}var xl={Root:kt,Area:Nt,Title:St,AreaContent:be,AreaTrigger:ye,EditableList:Ft};export{Ft as EditableFilesList,xl as Upload,Nt as UploadArea,be as UploadAreaContent,ye as UploadAreaTrigger,kt as UploadRoot,St as UploadTitle,zt as uploadAreaVariants};
|