@xjur-ui/react 2.3.1 → 3.0.0

package/dist/components/list/list-header-title.d.ts

@@ -1,9 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TypographyProps } from '../typography.js';
-import 'react';
-import 'class-variance-authority/types';
-import '@xjur-ui/util';
-
-declare function ListHeaderTitle({ variant, size, weight, className, ...props }: TypographyProps): react_jsx_runtime.JSX.Element;
-
-export { ListHeaderTitle };
+import { type TypographyProps } from '../typography';
+export declare function ListHeaderTitle({ variant, size, weight, className, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-
-declare function ListHeader({ className, asChild, ...props }: ComponentProps<'div'> & {
+import type { ComponentProps } from 'react';
+export declare function ListHeader({ className, asChild, ...props }: ComponentProps<'div'> & {
     asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-export { ListHeader };
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { ClassVariantProps } from '@xjur-ui/util';
-import { ComponentProps } from 'react';
-
+import { type ClassVariantProps } from '@xjur-ui/util';
+import type { ComponentProps } from 'react';
 declare const variants: (props?: ({
     size?: "md" | "lg" | null | undefined;
     isActive?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function ListItem({ className, size, isActive, asChild, ...props }: ComponentProps<'li'> & ClassVariantProps<typeof variants> & {
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare function ListItem({ className, size, isActive, asChild, ...props }: ComponentProps<'li'> & ClassVariantProps<typeof variants> & {
     asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-export { ListItem };
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,12 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-
-declare function ListRoot({ className, asChild, children, virtualized, itemCount, estimateSize, overscan, ...props }: ComponentProps<'div'> & {
+import type { ComponentProps } from 'react';
+export declare function ListRoot({ className, asChild, children, virtualized, itemCount, estimateSize, overscan, ...props }: ComponentProps<'div'> & {
     asChild?: boolean;
     virtualized?: boolean;
     itemCount?: number;
     estimateSize?: (index: number) => number;
     overscan?: number;
-}): react_jsx_runtime.JSX.Element;
-
-export { ListRoot };
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export interface LogoProps {
+    mode?: 'horizontal' | 'vertical' | 'icon';
+    variant?: 'colorful' | 'orange' | 'purple' | 'white' | 'gray';
+}
+export declare const Logo: import("react").MemoExoticComponent<({ mode, variant }: LogoProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/{selection-bar.d.ts → selection-bar/index.d.ts}

@@ -1,15 +1,12 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { ComponentProps, ReactNode } from 'react';
-import { ClassVariantProps } from '@xjur-ui/util';
-import { I as IconType } from '../icons-C-hGI45d.js';
-
+import type { ComponentProps, ReactNode } from 'react';
+import { type ClassVariantProps } from '@xjur-ui/util';
+import { type IconType } from '../icon';
 declare const selectionBarVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "warning" | "primary" | "secondary" | "neutral" | "success" | "destructive" | "outline" | null | undefined;
     position?: "fixed" | "absolute" | "relative" | "sticky" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SelectionAction {
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SelectionAction {
     id: string;
     label?: string;
     icon: IconType;
@@ -26,7 +23,7 @@ interface SelectionBarProps extends Omit<ComponentProps<'div'>, 'onClose'>, Clas
     selectedText?: string;
     className?: string;
 }
-declare function SelectionBar({ selectedCount, onClose, actions, showCloseButton, selectedText, size, variant, position, className, ...props }: SelectionBarProps): react_jsx_runtime.JSX.Element | null;
+declare function SelectionBar({ selectedCount, onClose, actions, showCloseButton, selectedText, size, variant, position, className, ...props }: SelectionBarProps): import("react/jsx-runtime").JSX.Element | null;
 interface SelectionBarContextType {
     selectedItems: Set<string>;
     toggleSelection: (id: string) => void;
@@ -39,19 +36,23 @@ interface SelectionBarProviderProps {
     children: ReactNode;
     onSelectionChange?: (selectedIds: string[]) => void;
 }
-declare function SelectionBarProvider({ children, onSelectionChange }: SelectionBarProviderProps): react_jsx_runtime.JSX.Element;
+declare function SelectionBarProvider({ children, onSelectionChange }: SelectionBarProviderProps): import("react/jsx-runtime").JSX.Element;
 declare function useSelectionBar(): SelectionBarContextType;
 interface SelectionBarContainerProps extends Omit<SelectionBarProps, 'selectedCount' | 'onClose'> {
     showCloseButton?: boolean;
     closeButtonText?: string;
     selectedText?: string;
 }
-declare function SelectionBarContainer({ actions, showCloseButton, selectedText, ...props }: SelectionBarContainerProps): react_jsx_runtime.JSX.Element;
-declare const SelectionBarComponents: {
+declare function SelectionBarContainer({ actions, showCloseButton, selectedText, ...props }: SelectionBarContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare const SelectionBarComponents: {
     Root: typeof SelectionBar;
     Provider: typeof SelectionBarProvider;
     Container: typeof SelectionBarContainer;
     useSelectionBar: typeof useSelectionBar;
 };
-
-export { type SelectionAction, SelectionBar, SelectionBarComponents, SelectionBarContainer, type SelectionBarContainerProps, type SelectionBarProps, SelectionBarProvider, type SelectionBarProviderProps, selectionBarVariants, useSelectionBar };
+export { SelectionBar };
+export { SelectionBarProvider };
+export { SelectionBarContainer };
+export { useSelectionBar };
+export { selectionBarVariants };
+export type { SelectionBarProps, SelectionBarProviderProps, SelectionBarContainerProps };

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

@@ -0,0 +1,10 @@
+export { SheetRoot } from './sheet-root';
+export { SheetContent } from './sheet-content';
+export { SheetTrigger } from './sheet-trigger';
+export { SheetTitle } from './sheet-title';
+export { SheetHeader } from './sheet-header';
+export { SheetClose } from './sheet-close';
+export { SheetFooter } from './sheet-footer';
+export { SheetBody } from './sheet-body';
+export { SheetPortal } from './sheet-portal';
+export { SheetOverlay } from './sheet-overlay';

package/dist/components/sheet/index.js

@@ -0,0 +1 @@
+import"react";import*as p from"@radix-ui/react-dialog";import{jsx as g}from"react/jsx-runtime";function b({...e}){return g(p.Root,{"data-slot":"sheet",...e})}import*as h from"@radix-ui/react-dialog";import{tv as w}from"@xjur-ui/util";import*as d from"@radix-ui/react-dialog";import{jsx as x}from"react/jsx-runtime";function s({...e}){return x(d.Portal,{"data-slot":"sheet-portal",...e})}import*as m from"@radix-ui/react-dialog";import{cx as P}from"@xjur-ui/util";import{jsx as S}from"react/jsx-runtime";function n({className:e,...t}){return S(m.Overlay,{className:P("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",e),"data-slot":"sheet-overlay",...t})}import{jsx as c,jsxs as k}from"react/jsx-runtime";function C({className:e,children:t,side:r="right",overlay:o=!1,...a}){let i=w({base:["border-border-layer-2 bg-layer-2-idle shadow-elevation-2 fixed z-50 flex flex-col gap-medium","data-[state=open]:animate-in data-[state=closed]:animate-out transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500"],variants:{side:{right:"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full border-l sm:max-w-sm",left:"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full border-r sm:max-w-sm",top:"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",bottom:"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t"}},defaultVariants:{side:"right"}});return k(s,{children:[o&&c(n,{}),c(h.Content,{className:i({side:r,className:e}),"data-slot":"sheet-content",...a,children:t})]})}import*as f from"@radix-ui/react-dialog";import{jsx as z}from"react/jsx-runtime";function R({...e}){return z(f.Trigger,{"data-slot":"sheet-trigger",...e})}import{cx as T}from"@xjur-ui/util";import*as v from"@radix-ui/react-dialog";import{jsx as N}from"react/jsx-runtime";function I({className:e,...t}){return N(v.Title,{className:T("text-size-title-lg font-normal",e),"data-slot":"sheet-title",...t})}import{cx as V}from"@xjur-ui/util";import{jsx as O}from"react/jsx-runtime";function B({className:e,...t}){return O("div",{className:V("py-large px-large-2x border-b-border-layer-2 border-b",e),"data-slot":"sheet-header",...t})}import*as u from"@radix-ui/react-dialog";import{Slot as F}from"@radix-ui/react-slot";import{cva as q,cx as H}from"@xjur-ui/util";import{jsx as A}from"react/jsx-runtime";var L=q(["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 _({asChild:e,className:t,variant:r="primary",size:o="md",appearance:a="solid",...i}){return A(e?F:"button",{className:H(L({variant:r,appearance:a,size:o}),t),...i})}import{cx as D}from"@xjur-ui/util";import{jsx as G}from"react/jsx-runtime";function y({className:e,filled:t=!1,name:r,...o}){return G("span",{...o,className:D("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:r})}import{jsx as l}from"react/jsx-runtime";function $({children:e=l(_,{appearance:"ghost",size:"icon_md",variant:"tertiary",children:l(y,{className:"text-icon-neutral-3",name:"close"})}),...t}){return l(u.Close,{"data-slot":"sheet-close",...t,children:e})}import{cx as E}from"@xjur-ui/util";import{jsx as K}from"react/jsx-runtime";function J({className:e,...t}){return K("div",{className:E("py-large px-large-2x border-t-border-layer-2 mt-auto border-t",e),"data-slot":"sheet-footer",...t})}import{cx as M}from"@xjur-ui/util";import{jsx as U}from"react/jsx-runtime";function Q({className:e,...t}){return U("div",{className:M("px-large-2x h-full",e),...t})}export{Q as SheetBody,$ as SheetClose,C as SheetContent,J as SheetFooter,B as SheetHeader,n as SheetOverlay,s as SheetPortal,b as SheetRoot,I as SheetTitle,R as SheetTrigger};

package/dist/components/sheet/sheet-body.d.ts

@@ -0,0 +1 @@
+export declare function SheetBody({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/sheet/sheet-body.js

@@ -0,0 +1 @@
+import{cx as p}from"@xjur-ui/util";import{jsx as r}from"react/jsx-runtime";function l({className:o,...e}){return r("div",{className:p("px-large-2x h-full",o),...e})}export{l as SheetBody};

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

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

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

@@ -0,0 +1 @@
+import*as n from"@radix-ui/react-dialog";import{Slot as c}from"@radix-ui/react-slot";import{cva as d,cx as m}from"@xjur-ui/util";import{jsx as y}from"react/jsx-runtime";var _=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};

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

@@ -0,0 +1,5 @@
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+export declare function SheetContent({ className, children, side, overlay, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    overlay?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import*as n from"@radix-ui/react-dialog";import{tv as v}from"@xjur-ui/util";import*as o from"@radix-ui/react-dialog";import{jsx as f}from"react/jsx-runtime";function a({...t}){return f(o.Portal,{"data-slot":"sheet-portal",...t})}import*as i from"@radix-ui/react-dialog";import{cx as h}from"@xjur-ui/util";import{jsx as u}from"react/jsx-runtime";function r({className:t,...e}){return u(i.Overlay,{className:h("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",t),"data-slot":"sheet-overlay",...e})}import{jsx as s,jsxs as c}from"react/jsx-runtime";function w({className:t,children:e,side:d="right",overlay:l=!1,...m}){let p=v({base:["border-border-layer-2 bg-layer-2-idle shadow-elevation-2 fixed z-50 flex flex-col gap-medium","data-[state=open]:animate-in data-[state=closed]:animate-out transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500"],variants:{side:{right:"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full border-l sm:max-w-sm",left:"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full border-r sm:max-w-sm",top:"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",bottom:"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t"}},defaultVariants:{side:"right"}});return c(a,{children:[l&&s(r,{}),s(n.Content,{className:p({side:d,className:t}),"data-slot":"sheet-content",...m,children:e})]})}export{w as SheetContent};

package/dist/components/sheet/sheet-footer.d.ts

@@ -0,0 +1 @@
+export declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/sheet/sheet-footer.js

@@ -0,0 +1 @@
+import{cx as r}from"@xjur-ui/util";import{jsx as t}from"react/jsx-runtime";function d({className:o,...e}){return t("div",{className:r("py-large px-large-2x border-t-border-layer-2 mt-auto border-t",o),"data-slot":"sheet-footer",...e})}export{d as SheetFooter};

package/dist/components/sheet/sheet-header.d.ts

@@ -0,0 +1 @@
+export declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/sheet/sheet-header.js

@@ -0,0 +1 @@
+import{cx as o}from"@xjur-ui/util";import{jsx as a}from"react/jsx-runtime";function t({className:e,...r}){return a("div",{className:o("py-large px-large-2x border-b-border-layer-2 border-b",e),"data-slot":"sheet-header",...r})}export{t as SheetHeader};

package/dist/components/sheet/sheet-overlay.d.ts

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

package/dist/components/sheet/sheet-overlay.js

@@ -0,0 +1 @@
+import*as e from"@radix-ui/react-dialog";import{cx as o}from"@xjur-ui/util";import{jsx as i}from"react/jsx-runtime";function s({className:t,...a}){return i(e.Overlay,{className:o("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",t),"data-slot":"sheet-overlay",...a})}export{s as SheetOverlay};

package/dist/components/sheet/sheet-portal.d.ts

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

package/dist/components/sheet/sheet-portal.js

@@ -0,0 +1 @@
+import*as t from"@radix-ui/react-dialog";import{jsx as o}from"react/jsx-runtime";function r({...e}){return o(t.Portal,{"data-slot":"sheet-portal",...e})}export{r as SheetPortal};

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

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

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

@@ -0,0 +1 @@
+import"react";import*as t from"@radix-ui/react-dialog";import{jsx as o}from"react/jsx-runtime";function r({...e}){return o(t.Root,{"data-slot":"sheet",...e})}export{r as SheetRoot};

package/dist/components/sheet/sheet-title.d.ts

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

package/dist/components/sheet/sheet-title.js

@@ -0,0 +1 @@
+import{cx as o}from"@xjur-ui/util";import*as t from"@radix-ui/react-dialog";import{jsx as r}from"react/jsx-runtime";function m({className:e,...i}){return r(t.Title,{className:o("text-size-title-lg font-normal",e),"data-slot":"sheet-title",...i})}export{m as SheetTitle};

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

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

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

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

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

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

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

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

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

@@ -1,11 +1,6 @@
-export { StepsContext, StepsContextValue, StepsProvider, useSteps } from './steps-context.js';
-export { StepsRoot } from './steps-root.js';
-export { StepsNavigation } from './steps-navigation.js';
-export { Steps } from './steps-content.js';
-export { Step } from './step.js';
-export { NextStep, PreviousStep } from './steps-action.js';
-import 'react/jsx-runtime';
-import 'react';
-import '../controls/button.js';
-import 'class-variance-authority/types';
-import '@xjur-ui/util';
+export * from './steps-context';
+export * from './steps-root';
+export * from './steps-navigation';
+export * from './steps-content';
+export * from './step';
+export * from './steps-action';

package/dist/components/steps/step.d.ts

@@ -1,8 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-
-declare function Step({ stepIndex, className, ...props }: ComponentProps<'div'> & {
+import type { ComponentProps } from 'react';
+export declare function Step({ stepIndex, className, ...props }: ComponentProps<'div'> & {
     stepIndex: number;
-}): react_jsx_runtime.JSX.Element | null;
-
-export { Step };
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/steps/steps-action.d.ts

@@ -1,12 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { Button } from '../controls/button.js';
-import 'class-variance-authority/types';
-import '@xjur-ui/util';
-
-declare function NextStep({ children, type, onClick, ...props }: Omit<ComponentProps<typeof Button>, 'children'> & {
+import { type ComponentProps } from 'react';
+import { Button } from '../controls/button';
+export declare function NextStep({ children, type, onClick, ...props }: Omit<ComponentProps<typeof Button>, 'children'> & {
     children?: React.ReactNode | ((stepIndex: number) => React.ReactNode);
-}): react_jsx_runtime.JSX.Element;
-declare function PreviousStep({ appearance, children, onClick, ...props }: ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
-
-export { NextStep, PreviousStep };
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PreviousStep({ appearance, children, onClick, ...props }: ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-
-declare function Steps({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-
-export { Steps };
+import type { ComponentProps } from 'react';
+export declare function Steps({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/steps/steps-context.d.ts

@@ -1,8 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React$1 from 'react';
-import { ComponentProps } from 'react';
-
-interface StepsContextValue {
+import { type ComponentProps } from 'react';
+export interface StepsContextValue {
     steps: string[];
     currentStepIndex: number;
     isLastStep: boolean;
@@ -10,13 +7,11 @@ interface StepsContextValue {
     handleNextStep: () => void;
     handlePreviousStep: () => void;
 }
-declare const StepsContext: React$1.Context<StepsContextValue>;
-declare function StepsProvider({ steps, currentStepIndex: currentStepIndexProp, onStepChange, children, className, ...props }: {
+export declare const StepsContext: import("react").Context<StepsContextValue>;
+export declare function StepsProvider({ steps, currentStepIndex: currentStepIndexProp, onStepChange, children, className, ...props }: {
     steps: string[];
     currentStepIndex?: number;
     onStepChange?: (index: number) => void;
     children: React.ReactNode | ((context: StepsContextValue) => React.ReactNode);
-} & Omit<ComponentProps<'div'>, 'children'>): react_jsx_runtime.JSX.Element;
-declare function useSteps(): StepsContextValue;
-
-export { StepsContext, type StepsContextValue, StepsProvider, useSteps };
+} & Omit<ComponentProps<'div'>, 'children'>): import("react/jsx-runtime").JSX.Element;
+export declare function useSteps(): StepsContextValue;

package/dist/components/steps/steps-navigation.d.ts

@@ -1,6 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-
-declare function StepsNavigation({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-
-export { StepsNavigation };
+import { type ComponentProps } from 'react';
+export declare function StepsNavigation({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
-import { StepsProvider } from './steps-context.js';
-
-declare function StepsRoot({ className, ...props }: ComponentProps<typeof StepsProvider>): react_jsx_runtime.JSX.Element;
-
-export { StepsRoot };
+import type { ComponentProps } from 'react';
+import { StepsProvider } from './steps-context';
+export declare function StepsRoot({ className, ...props }: ComponentProps<typeof StepsProvider>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,8 @@
-export { Table } from './table.js';
-export { TableBody } from './table-body.js';
-export { TableCell } from './table-cell.js';
-export { TableFooter } from './table-footer.js';
-export { TableHeader } from './table-header.js';
-export { TableHead, TableHeadContent } from './table-head.js';
-export { TableRow } from './table-row.js';
-export { TableSort } from './table-sort.js';
-import 'react/jsx-runtime';
+export * from './table';
+export * from './table-body';
+export * from './table-cell';
+export * from './table-footer';
+export * from './table-header';
+export * from './table-head';
+export * from './table-row';
+export * from './table-sort';

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

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

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

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

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

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

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

@@ -1,6 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): react_jsx_runtime.JSX.Element;
-declare function TableHeadContent({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
-
-export { TableHead, TableHeadContent };
+export declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): import("react/jsx-runtime").JSX.Element;
+export declare function TableHeadContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

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

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

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-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.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/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';