@xjur-ui/react 2.3.0 → 3.0.0

package/dist/components/table/table-row.d.ts

@@ -1,7 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function TableRow({ className, isSelected, ...props }: React.ComponentProps<'tr'> & {
+export declare function TableRow({ className, isSelected, ...props }: React.ComponentProps<'tr'> & {
     isSelected?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-export { TableRow };
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/table-row.js

@@ -1,2 +1 @@
-export{a as TableRow}from'../../chunk-EITO7GZX.js';//# sourceMappingURL=table-row.js.map
-//# sourceMappingURL=table-row.js.map
+import{cx as t}from"@xjur-ui/util";import{jsx as o}from"react/jsx-runtime";function s({className:e,isSelected:a=!1,...r}){return o("tr",{className:t("bg-layer-2-idle hover:bg-layer-2-hover ease border-b transition-colors duration-100","active:bg-layer-2-pressed","data-[selected=true]:bg-primary-alt-active",e),"data-selected":a,"data-slot":"table-row",...r})}export{s as TableRow};

package/dist/components/table/table-sort.d.ts

@@ -1,7 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function TableSort({ className, sortedDirection, ...props }: React.ComponentProps<'button'> & {
+export declare function TableSort({ className, sortedDirection, ...props }: React.ComponentProps<'button'> & {
     sortedDirection?: 'asc' | 'desc';
-}): react_jsx_runtime.JSX.Element;
-
-export { TableSort };
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/table-sort.js

@@ -1,2 +1 @@
-export{a as TableSort}from'../../chunk-GVKH2BG2.js';import'../../chunk-DVDHTP4C.js';//# sourceMappingURL=table-sort.js.map
-//# sourceMappingURL=table-sort.js.map
+import{cx as l}from"@xjur-ui/util";import{cx as i}from"@xjur-ui/util";import{jsx as s}from"react/jsx-runtime";function r({className:o,filled:e=!1,name:t,...n}){return s("span",{...n,className:i("material-symbols-outlined","text-size-body-lg select-none",o),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...n.style},children:t})}import{jsx as a}from"react/jsx-runtime";function h({className:o,sortedDirection:e,...t}){return a("button",{className:l("size-large-1x rounded-small-1x","flex cursor-pointer items-center justify-center","hidden group-hover/th:flex","data-[sorted=true]:flex","transition-all duration-200 ease-out","data-[sorted=true]:bg-primary-alt-active data-[sorted=true]:text-primary-label-active","absolute top-1/2 right-0 -translate-y-1/2",o),"data-sorted":e!==void 0,type:"button",...t,children:e!==void 0?a(r,{name:e==="asc"?"arrow_downward":"arrow_upward"}):a(r,{name:"swap_vert"})})}export{h as TableSort};

package/dist/components/table/table.d.ts

@@ -1,5 +1 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function Table({ className, ...props }: React.ComponentProps<'table'>): react_jsx_runtime.JSX.Element;
-
-export { Table };
+export declare function Table({ className, ...props }: React.ComponentProps<'table'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/table/table.js

@@ -1,2 +1 @@
-export{a as Table}from'../../chunk-7HMMMRDA.js';//# sourceMappingURL=table.js.map
-//# sourceMappingURL=table.js.map
+import{cx as l}from"@xjur-ui/util";import{jsx as t}from"react/jsx-runtime";function r({className:o,...a}){return t("div",{className:"text-size-body-md scrollbar-thin relative w-full overflow-hidden transition-all hover:overflow-x-auto","data-slot":"table-container",children:t("table",{className:l("w-full caption-bottom",o),"data-slot":"table",...a})})}export{r as Table};

package/dist/components/tabs/index.d.ts

@@ -0,0 +1,4 @@
+export { TabsRoot } from './tabs-root';
+export { TabsList } from './tabs-list';
+export { TabsTrigger } from './tabs-trigger';
+export { TabsContent } from './tabs-content';

package/dist/components/tabs/index.js

@@ -0,0 +1 @@
+import"react";import*as i from"@radix-ui/react-tabs";import{jsx as p}from"react/jsx-runtime";function m(t){return p(i.Tabs,{...t})}import*as o from"@radix-ui/react-tabs";import{tv as l}from"@xjur-ui/util";var e=l({slots:{list:"flex items-center gap-0",trigger:"inline-flex items-center justify-center gap-small px-small py-small_1x-alt h-large-4x font-medium cursor-pointer transition-colors !text-size-label-md disabled:opacity-38 disabled:pointer-events-none",content:""},variants:{variant:{line:{trigger:"rounded-small-1x text-neutral-dark border-b-[3px] border-b-transparent hover:bg-layer-2-hover data-[state=active]:text-primary-active data-[state=active]:border-b-primary-active data-[state=active]:rounded-none data-[state=active]:bg-transparent"},button:{trigger:"rounded-tl-small-1x rounded-tr-small-1x rounded-bl-none rounded-br-none px-large bg-primary-idle text-neutral-label hover:bg-primary-hover data-[state=active]:bg-layer-2-idle data-[state=active]:text-primary-active"}}},defaultVariants:{variant:"button"}});import{jsx as d}from"react/jsx-runtime";function T({className:t,...r}){let{list:a}=e();return d(o.TabsList,{className:a({className:t}),...r})}import*as s from"@radix-ui/react-tabs";import{jsx as c}from"react/jsx-runtime";function v({variant:t,className:r,...a}){let{trigger:b}=e({variant:t});return c(s.TabsTrigger,{className:b({className:r}),...a})}import*as n from"@radix-ui/react-tabs";import{jsx as f}from"react/jsx-runtime";function g(t){let{content:r}=e();return f(n.TabsContent,{className:r(),...t})}export{g as TabsContent,T as TabsList,m as TabsRoot,v as TabsTrigger};

package/dist/components/tabs/tabs-content.d.ts

@@ -0,0 +1,2 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+export declare function TabsContent(props: React.ComponentProps<typeof TabsPrimitive.TabsContent>): import("react/jsx-runtime").JSX.Element;

package/dist/components/tabs/tabs-content.js

@@ -0,0 +1 @@
+import*as e from"@radix-ui/react-tabs";import{tv as n}from"@xjur-ui/util";var t=n({slots:{list:"flex items-center gap-0",trigger:"inline-flex items-center justify-center gap-small px-small py-small_1x-alt h-large-4x font-medium cursor-pointer transition-colors !text-size-label-md disabled:opacity-38 disabled:pointer-events-none",content:""},variants:{variant:{line:{trigger:"rounded-small-1x text-neutral-dark border-b-[3px] border-b-transparent hover:bg-layer-2-hover data-[state=active]:text-primary-active data-[state=active]:border-b-primary-active data-[state=active]:rounded-none data-[state=active]:bg-transparent"},button:{trigger:"rounded-tl-small-1x rounded-tr-small-1x rounded-bl-none rounded-br-none px-large bg-primary-idle text-neutral-label hover:bg-primary-hover data-[state=active]:bg-layer-2-idle data-[state=active]:text-primary-active"}}},defaultVariants:{variant:"button"}});import{jsx as i}from"react/jsx-runtime";function d(a){let{content:r}=t();return i(e.TabsContent,{className:r(),...a})}export{d as TabsContent};

package/dist/components/tabs/tabs-list.d.ts

@@ -0,0 +1,3 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+export type TabsListProps = React.ComponentProps<typeof TabsPrimitive.TabsList>;
+export declare function TabsList({ className, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/tabs/tabs-list.js

@@ -0,0 +1 @@
+import*as e from"@radix-ui/react-tabs";import{tv as s}from"@xjur-ui/util";var t=s({slots:{list:"flex items-center gap-0",trigger:"inline-flex items-center justify-center gap-small px-small py-small_1x-alt h-large-4x font-medium cursor-pointer transition-colors !text-size-label-md disabled:opacity-38 disabled:pointer-events-none",content:""},variants:{variant:{line:{trigger:"rounded-small-1x text-neutral-dark border-b-[3px] border-b-transparent hover:bg-layer-2-hover data-[state=active]:text-primary-active data-[state=active]:border-b-primary-active data-[state=active]:rounded-none data-[state=active]:bg-transparent"},button:{trigger:"rounded-tl-small-1x rounded-tr-small-1x rounded-bl-none rounded-br-none px-large bg-primary-idle text-neutral-label hover:bg-primary-hover data-[state=active]:bg-layer-2-idle data-[state=active]:text-primary-active"}}},defaultVariants:{variant:"button"}});import{jsx as o}from"react/jsx-runtime";function b({className:a,...r}){let{list:i}=t();return o(e.TabsList,{className:i({className:a}),...r})}export{b as TabsList};

package/dist/components/tabs/tabs-root.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+export declare function TabsRoot(props: React.ComponentProps<typeof TabsPrimitive.Tabs>): import("react/jsx-runtime").JSX.Element;

package/dist/components/tabs/tabs-root.js

@@ -0,0 +1 @@
+import"react";import*as o from"@radix-ui/react-tabs";import{jsx as t}from"react/jsx-runtime";function r(i){return t(o.Tabs,{...i})}export{r as TabsRoot};

package/dist/components/tabs/tabs-styles.d.ts

@@ -0,0 +1,40 @@
+export declare const tabsStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        line: {
+            trigger: string;
+        };
+        button: {
+            trigger: string;
+        };
+    };
+}, {
+    list: string;
+    trigger: string;
+    content: string;
+}, undefined, {
+    variant: {
+        line: {
+            trigger: string;
+        };
+        button: {
+            trigger: string;
+        };
+    };
+}, {
+    list: string;
+    trigger: string;
+    content: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        line: {
+            trigger: string;
+        };
+        button: {
+            trigger: string;
+        };
+    };
+}, {
+    list: string;
+    trigger: string;
+    content: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/components/tabs/tabs-styles.js

@@ -0,0 +1 @@
+import{tv as t}from"@xjur-ui/util";var a=t({slots:{list:"flex items-center gap-0",trigger:"inline-flex items-center justify-center gap-small px-small py-small_1x-alt h-large-4x font-medium cursor-pointer transition-colors !text-size-label-md disabled:opacity-38 disabled:pointer-events-none",content:""},variants:{variant:{line:{trigger:"rounded-small-1x text-neutral-dark border-b-[3px] border-b-transparent hover:bg-layer-2-hover data-[state=active]:text-primary-active data-[state=active]:border-b-primary-active data-[state=active]:rounded-none data-[state=active]:bg-transparent"},button:{trigger:"rounded-tl-small-1x rounded-tr-small-1x rounded-bl-none rounded-br-none px-large bg-primary-idle text-neutral-label hover:bg-primary-hover data-[state=active]:bg-layer-2-idle data-[state=active]:text-primary-active"}}},defaultVariants:{variant:"button"}});export{a as tabsStyles};

package/dist/components/tabs/tabs-trigger.d.ts

@@ -0,0 +1,5 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+export interface TabsTriggerProps extends React.ComponentProps<typeof TabsPrimitive.TabsTrigger> {
+    variant?: 'line' | 'button';
+}
+export declare function TabsTrigger({ variant, className, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/tabs/tabs-trigger.js

@@ -0,0 +1 @@
+import*as e from"@radix-ui/react-tabs";import{tv as s}from"@xjur-ui/util";var t=s({slots:{list:"flex items-center gap-0",trigger:"inline-flex items-center justify-center gap-small px-small py-small_1x-alt h-large-4x font-medium cursor-pointer transition-colors !text-size-label-md disabled:opacity-38 disabled:pointer-events-none",content:""},variants:{variant:{line:{trigger:"rounded-small-1x text-neutral-dark border-b-[3px] border-b-transparent hover:bg-layer-2-hover data-[state=active]:text-primary-active data-[state=active]:border-b-primary-active data-[state=active]:rounded-none data-[state=active]:bg-transparent"},button:{trigger:"rounded-tl-small-1x rounded-tr-small-1x rounded-bl-none rounded-br-none px-large bg-primary-idle text-neutral-label hover:bg-primary-hover data-[state=active]:bg-layer-2-idle data-[state=active]:text-primary-active"}}},defaultVariants:{variant:"button"}});import{jsx as o}from"react/jsx-runtime";function g({variant:r,className:a,...i}){let{trigger:n}=t({variant:r});return o(e.TabsTrigger,{className:n({className:a}),...i})}export{g as TabsTrigger};

package/dist/components/tag/index.d.ts

@@ -0,0 +1,4 @@
+export { TagRoot } from './tag-root';
+export { TagText } from './tag-text';
+export { TagIcon } from './tag-icon';
+export { TagClose } from './tag-close';

package/dist/components/tag/index.js

@@ -0,0 +1 @@
+import{cva as m,cx as d}from"@xjur-ui/util";import"react";import{jsx as f}from"react/jsx-runtime";var c=m(["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 _({className:e,variant:t="primary",disabled:a=!1,...o}){return f("div",{className:d(c({variant:t}),e),"data-disabled":a,...o})}import{cx as x}from"@xjur-ui/util";import{Slot as y}from"@radix-ui/react-slot";import{cva as b}from"@xjur-ui/util";import{memo as g}from"react";import{jsx as h}from"react/jsx-runtime";var u=b("",{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"}}),i=g(({variant:e,size:t,weight:a,asChild:o,className:r,...p})=>h(o?y:"span",{className:u({variant:e,size:t,weight:a,className:r}),...p}));i.displayName="Typography";import{jsx as z}from"react/jsx-runtime";function v({variant:e="label",size:t="sm-1x",weight:a="medium",className:o,...r}){return z(i,{className:x(o,"truncate"),size:t,variant:e,weight:a,...r})}import"react";import{cx as k}from"@xjur-ui/util";import{cx as w}from"@xjur-ui/util";import{jsx as T}from"react/jsx-runtime";function s({className:e,filled:t=!1,name:a,...o}){return T("span",{...o,className:w("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${t?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:a})}import{jsx as C}from"react/jsx-runtime";function n({className:e,...t}){return C(s,{className:(k("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),...t})}import{cx as P}from"@xjur-ui/util";import"react";import{jsx as l}from"react/jsx-runtime";function I({className:e,children:t=l(n,{name:"close"}),...a}){return l("button",{className:P(e,"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",...a,children:t})}export{I as TagClose,n as TagIcon,_ as TagRoot,v as TagText};

package/dist/components/tag/tag-close.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentProps } from 'react';
+import { type IconType } from '../icon';
+export declare function TagClose({ className, children, ...props }: ComponentProps<'button'> & {
+    name?: IconType;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/tag/tag-close.js

@@ -0,0 +1 @@
+import{cx as _}from"@xjur-ui/util";import"react";import{cx as l}from"@xjur-ui/util";import{jsx as s}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:t,...r}){return s("span",{...r,className:l("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:t})}import"react";import{cx as p}from"@xjur-ui/util";import{jsx as c}from"react/jsx-runtime";function n({className:e,...o}){return c(a,{className:(p("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})}import{jsx as i}from"react/jsx-runtime";function C({className:e,children:o=i(n,{name:"close"}),...t}){return i("button",{className:_(e,"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",...t,children:o})}export{C as TagClose};

package/dist/components/tag/tag-icon.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentProps } from 'react';
+import { Icon } from '../icon';
+export declare function TagIcon({ className, ...props }: ComponentProps<typeof Icon>): import("react/jsx-runtime").JSX.Element;

package/dist/components/tag/tag-icon.js

@@ -0,0 +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 s}from"react/jsx-runtime";function b({className:e,...o}){return s(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};

package/dist/components/tag/tag-root.d.ts

@@ -0,0 +1,9 @@
+import { type ClassVariantProps } from '@xjur-ui/util';
+import { type ComponentProps } from 'react';
+declare const tagVariants: (props?: ({
+    variant?: "primary" | "neutral" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare function TagRoot({ className, variant, disabled, ...props }: ComponentProps<'div'> & ClassVariantProps<typeof tagVariants> & {
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/tag/tag-root.js

@@ -0,0 +1 @@
+import{cva as l,cx as i}from"@xjur-ui/util";import"react";import{jsx as n}from"react/jsx-runtime";var o=l(["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 d({className:a,variant:r="primary",disabled:e=!1,...t}){return n("div",{className:i(o({variant:r}),a),"data-disabled":e,...t})}export{d as TagRoot};

package/dist/components/tag/tag-text.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from 'react';
+import { Typography } from '../typography';
+export declare function TagText({ variant, size, weight, className, ...props }: ComponentProps<typeof Typography>): import("react/jsx-runtime").JSX.Element;

package/dist/components/tag/tag-text.js

@@ -0,0 +1 @@
+import{cx as z}from"@xjur-ui/util";import{Slot as n}from"@radix-ui/react-slot";import{cva as r}from"@xjur-ui/util";import{memo as m}from"react";import{jsx as d}from"react/jsx-runtime";var p=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"}}),l=m(({variant:t,size:e,weight:a,asChild:s,className:i,...o})=>d(s?n:"span",{className:p({variant:t,size:e,weight:a,className:i}),...o}));l.displayName="Typography";import{jsx as x}from"react/jsx-runtime";function P({variant:t="label",size:e="sm-1x",weight:a="medium",className:s,...i}){return x(l,{className:z(s,"truncate"),size:e,variant:t,weight:a,...i})}export{P as TagText};

package/dist/components/toast/index.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentProps } from 'react';
+import React from 'react';
+import { type ClassVariantProps } from '@xjur-ui/util';
+import * as Toast from '@radix-ui/react-toast';
+declare const toastVariants: (props?: ({
+    variant?: "error" | "info" | "warning" | "success" | "success-no-border" | "info-no-border" | "warning-no-border" | "error-no-border" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ToastViewportProps extends ComponentProps<typeof Toast.Viewport> {
+    className?: string;
+}
+export declare function ToastViewport({ className, ...props }: ToastViewportProps): import("react/jsx-runtime").JSX.Element;
+export interface ToastProps extends ComponentProps<typeof Toast.Root>, ClassVariantProps<typeof toastVariants> {
+    children?: React.ReactNode;
+    className?: string;
+    description?: string;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+}
+export declare function ToastComponent({ children, className, description, dismissible, onDismiss, variant, ...props }: ToastProps): import("react/jsx-runtime").JSX.Element;
+export interface ToastProviderProps extends ComponentProps<typeof Toast.Provider> {
+    children: React.ReactNode;
+}
+export declare function ToastProvider({ children, ...props }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/toast/index.js

@@ -0,0 +1 @@
+import"react";import{cva as l,cx as m}from"@xjur-ui/util";import*as e from"@radix-ui/react-toast";import{cx as b}from"@xjur-ui/util";import{jsx as _}from"react/jsx-runtime";function c({className:t,filled:a=!1,name:s,...i}){return _("span",{...i,className:b("material-symbols-outlined","text-size-body-lg select-none",t),style:{fontVariationSettings:`'FILL' ${a?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...i.style},children:s})}import{Slot as h}from"@radix-ui/react-slot";import{cva as w}from"@xjur-ui/util";import{memo as v}from"react";import{jsx as z}from"react/jsx-runtime";var y=w("",{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=v(({variant:t,size:a,weight:s,asChild:i,className:d,...o})=>z(i?h:"span",{className:y({variant:t,size:a,weight:s,className:d}),...o}));p.displayName="Typography";import{jsx as r,jsxs as n}from"react/jsx-runtime";var T=l(["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 H({className:t,...a}){return r(e.Viewport,{className:m("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]",t),...a})}var P=l(["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"}}),V=l(["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"}}),u=l(["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 J({children:t,className:a,description:s,dismissible:i=!0,onDismiss:d,variant:o="info",...f}){let x=()=>{switch(o){case"success":return"check";case"warning":return"warning";case"error":return"error";default:return"info"}},g=()=>{d?.()};return n(e.Root,{className:m(T({variant:o}),a),...f,children:[n("div",{className:"flex items-center space-x-3 pl-4",children:[r(c,{className:m(P({variant:o}),"text-lg"),name:x()}),n("div",{className:"flex-1",children:[s&&r(e.Description,{asChild:!0,className:u({variant:o}),children:r(p,{size:"sm",variant:"body",children:s})}),t]})]}),i&&n(e.Close,{className:V({variant:o}),onClick:g,children:[r(c,{className:u({variant:o}),name:"close"}),r("span",{className:"sr-only",children:"Fechar"})]})]})}function K({children:t,...a}){return n(e.Provider,{swipeDirection:"right",...a,children:[t,r(e.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{J as ToastComponent,K as ToastProvider,H as ToastViewport};

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { Tooltip } from './tooltip-root';
+export { TooltipTrigger } from './tooltip-trigger';
+export { TooltipContent } from './tooltip-content';

package/dist/components/tooltip/index.js

@@ -0,0 +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};

package/dist/components/tooltip/tooltip-content.d.ts

@@ -0,0 +1,4 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export declare function TooltipContent({ className, sideOffset, variant, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content> & {
+    variant?: 'simple' | 'rich';
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/tooltip/tooltip-content.js

@@ -0,0 +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};

package/dist/components/tooltip/tooltip-root.d.ts

@@ -0,0 +1,2 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;

package/dist/components/tooltip/tooltip-root.js

@@ -0,0 +1 @@
+import*as o from"@radix-ui/react-tooltip";import{jsx as i}from"react/jsx-runtime";function p({delayDuration:t=0,...r}){return i(o.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...r})}function e({...t}){return i(p,{children:i(o.Root,{"data-slot":"tooltip",...t})})}export{e as Tooltip};

package/dist/components/tooltip/tooltip-trigger.d.ts

@@ -0,0 +1,2 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;

package/dist/components/tooltip/tooltip-trigger.js

@@ -0,0 +1 @@
+import*as i from"@radix-ui/react-tooltip";import{jsx as t}from"react/jsx-runtime";function r({...o}){return t(i.Trigger,{"data-slot":"tooltip-trigger",...o})}export{r as TooltipTrigger};

package/dist/components/typography/index.d.ts

@@ -0,0 +1,12 @@
+import { type ClassVariantProps } from '@xjur-ui/util';
+import { type ComponentProps } from 'react';
+declare const typographyVariants: (props?: ({
+    variant?: "label" | "body" | "title" | "headline" | null | undefined;
+    size?: "sm-2x" | "sm-1x" | "sm" | "md" | "lg" | null | undefined;
+    weight?: "bold" | "normal" | "black" | "medium" | "thin" | "light" | "extraLight" | "semibold" | "extraBold" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TypographyProps extends ComponentProps<'base'>, ClassVariantProps<typeof typographyVariants> {
+    asChild?: boolean;
+}
+export declare const Typography: import("react").MemoExoticComponent<({ variant, size, weight, asChild, className, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/typography/index.js

@@ -0,0 +1 @@
+import{Slot as o}from"@radix-ui/react-slot";import{cva as n}from"@xjur-ui/util";import{memo as r}from"react";import{jsx as p}from"react/jsx-runtime";var m=n("",{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"}}),d=r(({variant:t,size:a,weight:e,asChild:s,className:i,...l})=>p(s?o:"span",{className:m({variant:t,size:a,weight:e,className:i}),...l}));d.displayName="Typography";export{d as Typography};

package/dist/components/{upload.d.ts → upload/index.d.ts}

@@ -1,9 +1,6 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { ClassVariantProps } from '@xjur-ui/util';
-
-interface FileFormat {
+import type { ComponentProps } from 'react';
+import { type ClassVariantProps } from '@xjur-ui/util';
+export interface FileFormat {
     name: string;
     type: string;
     fileBinary: File;
@@ -11,7 +8,7 @@ interface FileFormat {
     description?: string;
     fileType?: string;
 }
-interface FileTypeOption {
+export interface FileTypeOption {
     value: string;
     label: string;
 }
@@ -25,12 +22,12 @@ interface UploadRootProps extends ComponentProps<'div'> {
     maxSize?: number;
     acceptedFormats?: string[];
 }
-declare function UploadRoot({ children, className, files, onFilesChange, accept, multiple, disabled, maxFiles, maxSize, acceptedFormats, ...props }: UploadRootProps): react_jsx_runtime.JSX.Element;
+declare function UploadRoot({ children, className, files, onFilesChange, accept, multiple, disabled, maxFiles, maxSize, acceptedFormats, ...props }: UploadRootProps): import("react/jsx-runtime").JSX.Element;
 declare const uploadAreaVariants: (props?: ({
     size?: "small" | "medium" | "large" | "oneLine" | null | undefined;
     showButton?: boolean | null | undefined;
     variant?: "default" | "transparent" | "minimal" | "oneLineWhite" | "oneLineTransparent" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface UploadAreaProps extends Omit<ComponentProps<'div'>, 'onChange'>, ClassVariantProps<typeof uploadAreaVariants> {
     showAcceptedFormats?: boolean;
     buttonText?: string;
@@ -38,8 +35,8 @@ interface UploadAreaProps extends Omit<ComponentProps<'div'>, 'onChange'>, Class
     icon?: string;
     showButton?: boolean;
 }
-declare function UploadArea({ className, size, showButton, variant, showAcceptedFormats, buttonText, description, icon, ...props }: UploadAreaProps): react_jsx_runtime.JSX.Element;
-declare function UploadTitle({ children, className, ...props }: ComponentProps<'h3'>): react_jsx_runtime.JSX.Element;
+declare function UploadArea({ className, size, showButton, variant, showAcceptedFormats, buttonText, description, icon, ...props }: UploadAreaProps): import("react/jsx-runtime").JSX.Element;
+declare function UploadTitle({ children, className, ...props }: ComponentProps<'h3'>): import("react/jsx-runtime").JSX.Element;
 interface UploadAreaContentProps extends ComponentProps<'div'> {
     description?: string;
     icon?: string;
@@ -49,11 +46,11 @@ interface UploadAreaContentProps extends ComponentProps<'div'> {
     onButtonClick?: () => void;
     variant?: 'default' | 'transparent' | 'minimal' | 'oneLineWhite' | 'oneLineTransparent';
 }
-declare function UploadAreaContent({ description, icon, showAcceptedFormats, buttonText, showButton, onButtonClick, variant, className, ...props }: UploadAreaContentProps): react_jsx_runtime.JSX.Element;
+declare function UploadAreaContent({ description, icon, showAcceptedFormats, buttonText, showButton, onButtonClick, variant, className, ...props }: UploadAreaContentProps): import("react/jsx-runtime").JSX.Element;
 interface UploadAreaTriggerProps extends ComponentProps<'div'> {
     fileInputRef?: React.RefObject<HTMLInputElement | null>;
 }
-declare function UploadAreaTrigger({ children, fileInputRef, ...props }: UploadAreaTriggerProps): react_jsx_runtime.JSX.Element;
+declare function UploadAreaTrigger({ children, fileInputRef, ...props }: UploadAreaTriggerProps): import("react/jsx-runtime").JSX.Element;
 interface EditableFilesListProps {
     fileTypeOptions?: FileTypeOption[];
     onUpdateFile?: (index: number, file: Partial<FileFormat>) => void;
@@ -61,8 +58,8 @@ interface EditableFilesListProps {
     onReorderFiles?: (fromIndex: number, toIndex: number) => void;
     className?: string;
 }
-declare function EditableFilesList({ fileTypeOptions, onUpdateFile, onDeleteFile, className, ...props }: EditableFilesListProps): react_jsx_runtime.JSX.Element | null;
-declare const Upload: {
+declare function EditableFilesList({ fileTypeOptions, onUpdateFile, onDeleteFile, className, ...props }: EditableFilesListProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const Upload: {
     Root: typeof UploadRoot;
     Area: typeof UploadArea;
     Title: typeof UploadTitle;
@@ -70,5 +67,11 @@ declare const Upload: {
     AreaTrigger: typeof UploadAreaTrigger;
     EditableList: typeof EditableFilesList;
 };
-
-export { EditableFilesList, type EditableFilesListProps, type FileFormat, type FileTypeOption, Upload, UploadArea, UploadAreaContent, type UploadAreaContentProps, type UploadAreaProps, UploadAreaTrigger, type UploadAreaTriggerProps, UploadRoot, type UploadRootProps, UploadTitle, uploadAreaVariants };
+export { UploadRoot };
+export { UploadArea };
+export { UploadTitle };
+export { UploadAreaContent };
+export { UploadAreaTrigger };
+export { EditableFilesList };
+export { uploadAreaVariants };
+export type { UploadRootProps, UploadAreaProps, UploadAreaContentProps, UploadAreaTriggerProps, EditableFilesListProps };

package/dist/components/upload/index.js

@@ -0,0 +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};

package/dist/hooks/index.d.ts

@@ -1,7 +1 @@
-type OS = 'ios' | 'macos' | 'windows' | 'android' | 'linux' | 'unknown';
-declare function useOS(): {
-    os: OS;
-    shortcut: string;
-};
-
-export { useOS };
+export { useOS } from './use-os';

package/dist/hooks/index.js

@@ -1,2 +1 @@
-export{a as useOS}from'../chunk-KS6WGBHQ.js';//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+import{useState as s,useEffect as t}from"react";function i(){let[o,e]=s("unknown");return t(()=>{if(typeof window>"u")return;let n=window.navigator.userAgent;/iPad|iPhone|iPod/.test(n)?e("ios"):/Mac/.test(n)?e("macos"):/Win/.test(n)?e("windows"):/Android/.test(n)?e("android"):/Linux/.test(n)?e("linux"):e("unknown")},[]),{os:o,shortcut:["macos","ios"].includes(o)?"\u2318":"Ctrl"}}export{i as useOS};

package/dist/hooks/use-os.d.ts

@@ -0,0 +1,5 @@
+export type OS = 'ios' | 'macos' | 'windows' | 'android' | 'linux' | 'unknown';
+export declare function useOS(): {
+    os: OS;
+    shortcut: string;
+};