@xjur-ui/react 2.3.1 → 3.0.1

package/CHANGELOG.md

@@ -1,5 +1,70 @@
 # @xjur-ui/react
 
+## 3.0.1
+
+### Patch Changes
+
+- Fix background linear of carousel action
+
+## 3.0.0
+
+### Major Changes
+
+- a98019a: # Migração para pnpm
+
+  Migra o projeto de npm para pnpm como gerenciador de pacotes.
+
+  ## Breaking Changes
+  - O projeto agora requer **pnpm 9+** para instalação de dependências
+  - Dependências internas agora usam workspace protocol (`workspace:*`)
+  - Remove dependência `@xjur-ui/full-calendar` do pacote docs
+
+  ## Alterações Técnicas
+  - Adiciona `pnpm-workspace.yaml` para configuração do workspace
+  - Adiciona `.npmrc` com configurações otimizadas do pnpm
+  - Atualiza pipeline CI/CD (Azure DevOps) para usar pnpm
+  - Atualiza documentação (README.md e CLAUDE.md)
+  - Adiciona `@dnd-kit/utilities` como dependência do core
+
+  ## Instruções de Atualização
+
+  Para desenvolvedores que já têm o projeto clonado:
+
+  ```bash
+  # Remover node_modules e arquivos de lock do npm
+  rm -rf node_modules apps/*/node_modules packages/*/node_modules
+  rm -f package-lock.json
+
+  # Instalar pnpm globalmente (se ainda não tiver)
+  npm install -g pnpm@9
+
+  # Instalar dependências
+  pnpm install
+  ```
+
+  Para novos desenvolvedores:
+
+  ```bash
+  # Clonar o repositório
+  git clone <repo-url>
+  cd xjur-ds
+
+  # Instalar pnpm globalmente (se ainda não tiver)
+  npm install -g pnpm@9
+
+  # Instalar dependências
+  pnpm install
+
+  # Build
+  pnpm run build
+  ```
+
+### Patch Changes
+
+- Updated dependencies [a98019a]
+  - @xjur-ui/styles@2.0.0
+  - @xjur-ui/util@2.0.0
+
 ## 2.3.1
 
 ### Patch Changes

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

@@ -0,0 +1,6 @@
+export interface AccordionContentProps {
+    variant?: 'default' | 'tabheader';
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare function AccordionContent({ variant, className, children, ...props }: AccordionContentProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{cx as l}from"@xjur-ui/util";import*as a from"@radix-ui/react-accordion";var o=(t="default")=>{let e={root:"w-full",item:"border-b border-neutral-border last:border-b-0",trigger:"flex flex-1 items-center justify-between py-medium px-0 font-medium transition-all hover:no-underline [&[data-state=open]>svg]:rotate-180",content:"overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",contentInner:"pb-medium pt-0"};return t==="tabheader"?{...e,trigger:e.trigger+" bg-layer-2-idle text-neutral-dark rounded-small-1x px-medium py-small hover:bg-layer-2-hover data-[state=open]:bg-layer-2-active"}:{...e,trigger:e.trigger+" text-neutral-dark hover:text-primary-active"}};import{jsx as n}from"react/jsx-runtime";function p({variant:t="default",className:e,children:i,...d}){let r=o(t);return n(a.Content,{className:l(r.content,e),...d,children:n("div",{className:r.contentInner,children:i})})}export{p as AccordionContent};

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

@@ -0,0 +1,7 @@
+export interface AccordionItemProps {
+    variant?: 'default' | 'tabheader';
+    className?: string;
+    value: string;
+    children?: React.ReactNode;
+}
+export declare function AccordionItem({ variant, className, ...props }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/accordion/accordion-item.js

@@ -0,0 +1 @@
+import{cx as n}from"@xjur-ui/util";import*as a from"@radix-ui/react-accordion";var r=(t="default")=>{let e={root:"w-full",item:"border-b border-neutral-border last:border-b-0",trigger:"flex flex-1 items-center justify-between py-medium px-0 font-medium transition-all hover:no-underline [&[data-state=open]>svg]:rotate-180",content:"overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",contentInner:"pb-medium pt-0"};return t==="tabheader"?{...e,trigger:e.trigger+" bg-layer-2-idle text-neutral-dark rounded-small-1x px-medium py-small hover:bg-layer-2-hover data-[state=open]:bg-layer-2-active"}:{...e,trigger:e.trigger+" text-neutral-dark hover:text-primary-active"}};import{jsx as l}from"react/jsx-runtime";function m({variant:t="default",className:e,...o}){let i=r(t);return l(a.Item,{className:n(i.item,e),...o})}export{m as AccordionItem};

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

@@ -0,0 +1,11 @@
+export interface AccordionRootProps {
+    variant?: 'default' | 'tabheader';
+    className?: string;
+    type?: 'single' | 'multiple';
+    collapsible?: boolean;
+    defaultValue?: string | string[];
+    value?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    children?: React.ReactNode;
+}
+export declare function AccordionRoot({ variant, className, type, ...props }: AccordionRootProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{cx as n}from"@xjur-ui/util";import*as a from"@radix-ui/react-accordion";var l=(t="default")=>{let e={root:"w-full",item:"border-b border-neutral-border last:border-b-0",trigger:"flex flex-1 items-center justify-between py-medium px-0 font-medium transition-all hover:no-underline [&[data-state=open]>svg]:rotate-180",content:"overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",contentInner:"pb-medium pt-0"};return t==="tabheader"?{...e,trigger:e.trigger+" bg-layer-2-idle text-neutral-dark rounded-small-1x px-medium py-small hover:bg-layer-2-hover data-[state=open]:bg-layer-2-active"}:{...e,trigger:e.trigger+" text-neutral-dark hover:text-primary-active"}};import{jsx as i}from"react/jsx-runtime";function x({variant:t="default",className:e,type:s="single",...r}){let o=l(t);if(s==="multiple"){let{value:m,defaultValue:p,onValueChange:f,...b}=r;return i(a.Root,{className:n(o.root,e),defaultValue:p,type:"multiple",value:m,...b,onValueChange:f})}let{value:d,defaultValue:u,onValueChange:c,...g}=r;return i(a.Root,{className:n(o.root,e),defaultValue:u,type:"single",value:d,...g,onValueChange:c})}export{x as AccordionRoot};

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

@@ -0,0 +1,7 @@
+export declare const getAccordionStyles: (variant?: "default" | "tabheader") => {
+    trigger: string;
+    root: string;
+    item: string;
+    content: string;
+    contentInner: string;
+};

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

@@ -0,0 +1 @@
+var r=(t="default")=>{let e={root:"w-full",item:"border-b border-neutral-border last:border-b-0",trigger:"flex flex-1 items-center justify-between py-medium px-0 font-medium transition-all hover:no-underline [&[data-state=open]>svg]:rotate-180",content:"overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",contentInner:"pb-medium pt-0"};return t==="tabheader"?{...e,trigger:e.trigger+" bg-layer-2-idle text-neutral-dark rounded-small-1x px-medium py-small hover:bg-layer-2-hover data-[state=open]:bg-layer-2-active"}:{...e,trigger:e.trigger+" text-neutral-dark hover:text-primary-active"}};export{r as getAccordionStyles};

package/dist/components/accordion/accordion-tab-header.d.ts

@@ -0,0 +1,16 @@
+export interface AccordionTabHeaderProps {
+    items: Array<{
+        value: string;
+        title: string;
+        content: React.ReactNode;
+        iconVariant?: 'chevron' | 'triangle' | 'plus';
+        iconColor?: 'gray' | 'orange';
+        iconDirection?: 'right' | 'down';
+    }>;
+    variant?: 'default' | 'tabheader';
+    type?: 'single' | 'multiple';
+    defaultValue?: string | string[];
+    value?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+}
+export declare function AccordionTabHeader({ items, variant, type, defaultValue, value, onValueChange: handleValueChange, ...props }: AccordionTabHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/accordion/accordion-tab-header.js

@@ -0,0 +1 @@
+import{cx as I}from"@xjur-ui/util";import*as f from"@radix-ui/react-accordion";var i=(r="default")=>{let e={root:"w-full",item:"border-b border-neutral-border last:border-b-0",trigger:"flex flex-1 items-center justify-between py-medium px-0 font-medium transition-all hover:no-underline [&[data-state=open]>svg]:rotate-180",content:"overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",contentInner:"pb-medium pt-0"};return r==="tabheader"?{...e,trigger:e.trigger+" bg-layer-2-idle text-neutral-dark rounded-small-1x px-medium py-small hover:bg-layer-2-hover data-[state=open]:bg-layer-2-active"}:{...e,trigger:e.trigger+" text-neutral-dark hover:text-primary-active"}};import{jsx as g}from"react/jsx-runtime";function _({variant:r="default",className:e,children:a,...o}){let n=i(r);return g(f.Content,{className:I(n.content,e),...o,children:g("div",{className:n.contentInner,children:a})})}import{cx as V}from"@xjur-ui/util";import*as h from"@radix-ui/react-accordion";import{jsx as R}from"react/jsx-runtime";function v({variant:r="default",className:e,...a}){let o=i(r);return R(h.Item,{className:V(o.item,e),...a})}import{cx as b}from"@xjur-ui/util";import*as u from"@radix-ui/react-accordion";import{jsx as y}from"react/jsx-runtime";function w({variant:r="default",className:e,type:a="single",...o}){let n=i(r);if(a==="multiple"){let{value:t,defaultValue:p,onValueChange:C,...N}=o;return y(u.Root,{className:b(n.root,e),defaultValue:p,type:"multiple",value:t,...N,onValueChange:C})}let{value:l,defaultValue:s,onValueChange:d,...c}=o;return y(u.Root,{className:b(n.root,e),defaultValue:s,type:"single",value:l,...c,onValueChange:d})}import{cx as z}from"@xjur-ui/util";import*as k from"@radix-ui/react-accordion";import{cx as T}from"@xjur-ui/util";import{jsx as S}from"react/jsx-runtime";function A({className:r,filled:e=!1,name:a,...o}){return S("span",{...o,className:T("material-symbols-outlined","text-size-body-lg select-none",r),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:a})}import{jsx as x,jsxs as H}from"react/jsx-runtime";function P({variant:r="default",showIcon:e=!0,iconPosition:a="right",iconName:o="keyboard_arrow_down",className:n,children:l,...s}){let d=i(r),c=e?x(A,{className:"h-4 w-4 shrink-0 transition-transform duration-200",name:o}):null;return H(k.Trigger,{className:z(d.trigger,n),...s,children:[a==="left"&&c,x("span",{className:"flex-1 text-left",children:l}),a==="right"&&c]})}import{jsx as m,jsxs as q}from"react/jsx-runtime";function de({items:r,variant:e="tabheader",type:a="single",defaultValue:o,value:n,onValueChange:l,...s}){let d=(t,p)=>{switch(t){case"chevron":return p==="right"?"chevron_right":"keyboard_arrow_down";case"triangle":return p==="right"?"chevron_right":"keyboard_arrow_down";case"plus":return p==="right"?"add":"remove";default:return"keyboard_arrow_down"}},c=t=>{switch(t){case"gray":return"text-neutral-medium";case"orange":return"text-orange-500";default:return"text-neutral-dark"}};return m(w,{defaultValue:o,type:a,value:n,variant:e,...s,onValueChange:l,children:r.map(t=>q(v,{value:t.value,variant:e,children:[m(P,{className:c(t.iconColor||"gray"),iconName:d(t.iconVariant||"chevron",t.iconDirection||"down"),variant:e,children:t.title}),m(_,{variant:e,children:t.content})]},t.value))})}export{de as AccordionTabHeader};

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

@@ -0,0 +1,9 @@
+export interface AccordionTriggerProps {
+    variant?: 'default' | 'tabheader';
+    showIcon?: boolean;
+    iconPosition?: 'left' | 'right';
+    iconName?: 'keyboard_arrow_down' | 'chevron_right' | 'add' | 'remove';
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare function AccordionTrigger({ variant, showIcon, iconPosition, iconName, className, children, ...props }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{cx as u}from"@xjur-ui/util";import*as s from"@radix-ui/react-accordion";import{cx as m}from"@xjur-ui/util";import{jsx as f}from"react/jsx-runtime";function n({className:r,filled:e=!1,name:t,...o}){return f("span",{...o,className:m("material-symbols-outlined","text-size-body-lg select-none",r),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:t})}var i=(r="default")=>{let e={root:"w-full",item:"border-b border-neutral-border last:border-b-0",trigger:"flex flex-1 items-center justify-between py-medium px-0 font-medium transition-all hover:no-underline [&[data-state=open]>svg]:rotate-180",content:"overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",contentInner:"pb-medium pt-0"};return r==="tabheader"?{...e,trigger:e.trigger+" bg-layer-2-idle text-neutral-dark rounded-small-1x px-medium py-small hover:bg-layer-2-hover data-[state=open]:bg-layer-2-active"}:{...e,trigger:e.trigger+" text-neutral-dark hover:text-primary-active"}};import{jsx as l,jsxs as g}from"react/jsx-runtime";function T({variant:r="default",showIcon:e=!0,iconPosition:t="right",iconName:o="keyboard_arrow_down",className:c,children:d,..._}){let p=i(r),a=e?l(n,{className:"h-4 w-4 shrink-0 transition-transform duration-200",name:o}):null;return g(s.Trigger,{className:u(p.trigger,c),..._,children:[t==="left"&&a,l("span",{className:"flex-1 text-left",children:d}),t==="right"&&a]})}export{T as AccordionTrigger};

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

@@ -0,0 +1,5 @@
+export { AccordionTabHeader } from './accordion-tab-header';
+export { AccordionContent } from './accordion-content';
+export { AccordionItem } from './accordion-item';
+export { AccordionRoot } from './accordion-root';
+export { AccordionTrigger } from './accordion-trigger';

package/dist/components/accordion/index.js

@@ -0,0 +1 @@
+import{cx as N}from"@xjur-ui/util";import*as b from"@radix-ui/react-accordion";var i=(r="default")=>{let e={root:"w-full",item:"border-b border-neutral-border last:border-b-0",trigger:"flex flex-1 items-center justify-between py-medium px-0 font-medium transition-all hover:no-underline [&[data-state=open]>svg]:rotate-180",content:"overflow-hidden text-sm transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",contentInner:"pb-medium pt-0"};return r==="tabheader"?{...e,trigger:e.trigger+" bg-layer-2-idle text-neutral-dark rounded-small-1x px-medium py-small hover:bg-layer-2-hover data-[state=open]:bg-layer-2-active"}:{...e,trigger:e.trigger+" text-neutral-dark hover:text-primary-active"}};import{jsx as v}from"react/jsx-runtime";function m({variant:r="default",className:e,children:a,...o}){let n=i(r);return v(b.Content,{className:N(n.content,e),...o,children:v("div",{className:n.contentInner,children:a})})}import{cx as V}from"@xjur-ui/util";import*as y from"@radix-ui/react-accordion";import{jsx as R}from"react/jsx-runtime";function u({variant:r="default",className:e,...a}){let o=i(r);return R(y.Item,{className:V(o.item,e),...a})}import{cx as w}from"@xjur-ui/util";import*as g from"@radix-ui/react-accordion";import{jsx as A}from"react/jsx-runtime";function f({variant:r="default",className:e,type:a="single",...o}){let n=i(r);if(a==="multiple"){let{value:t,defaultValue:p,onValueChange:C,...I}=o;return A(g.Root,{className:w(n.root,e),defaultValue:p,type:"multiple",value:t,...I,onValueChange:C})}let{value:l,defaultValue:s,onValueChange:d,...c}=o;return A(g.Root,{className:w(n.root,e),defaultValue:s,type:"single",value:l,...c,onValueChange:d})}import{cx as z}from"@xjur-ui/util";import*as P from"@radix-ui/react-accordion";import{cx as T}from"@xjur-ui/util";import{jsx as S}from"react/jsx-runtime";function x({className:r,filled:e=!1,name:a,...o}){return S("span",{...o,className:T("material-symbols-outlined","text-size-body-lg select-none",r),style:{fontVariationSettings:`'FILL' ${e?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...o.style},children:a})}import{jsx as k,jsxs as H}from"react/jsx-runtime";function _({variant:r="default",showIcon:e=!0,iconPosition:a="right",iconName:o="keyboard_arrow_down",className:n,children:l,...s}){let d=i(r),c=e?k(x,{className:"h-4 w-4 shrink-0 transition-transform duration-200",name:o}):null;return H(P.Trigger,{className:z(d.trigger,n),...s,children:[a==="left"&&c,k("span",{className:"flex-1 text-left",children:l}),a==="right"&&c]})}import{jsx as h,jsxs as L}from"react/jsx-runtime";function q({items:r,variant:e="tabheader",type:a="single",defaultValue:o,value:n,onValueChange:l,...s}){let d=(t,p)=>{switch(t){case"chevron":return p==="right"?"chevron_right":"keyboard_arrow_down";case"triangle":return p==="right"?"chevron_right":"keyboard_arrow_down";case"plus":return p==="right"?"add":"remove";default:return"keyboard_arrow_down"}},c=t=>{switch(t){case"gray":return"text-neutral-medium";case"orange":return"text-orange-500";default:return"text-neutral-dark"}};return h(f,{defaultValue:o,type:a,value:n,variant:e,...s,onValueChange:l,children:r.map(t=>L(u,{value:t.value,variant:e,children:[h(_,{className:c(t.iconColor||"gray"),iconName:d(t.iconVariant||"chevron",t.iconDirection||"down"),variant:e,children:t.title}),h(m,{variant:e,children:t.content})]},t.value))})}export{m as AccordionContent,u as AccordionItem,f as AccordionRoot,q as AccordionTabHeader,_ as AccordionTrigger};

package/dist/components/avatar/avatar-fallback.d.ts

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

package/dist/components/avatar/avatar-fallback.js

@@ -0,0 +1 @@
+import{cx as r}from"@xjur-ui/util";import*as a from"@radix-ui/react-avatar";import{jsx as i}from"react/jsx-runtime";function o({className:t,...e}){return i(a.Fallback,{className:r("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",t),"data-slot":"avatar-fallback",...e})}export{o as AvatarFallback};

package/dist/components/avatar/avatar-group.d.ts

@@ -0,0 +1,12 @@
+export interface AvatarGroupProps {
+    avatars: Array<{
+        src?: string;
+        alt?: string;
+        fallback?: string;
+    }>;
+    max?: number;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    className?: string;
+    spacing?: number;
+}
+export declare function AvatarGroup({ avatars, max, size, className }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/avatar/avatar-group.js

@@ -0,0 +1 @@
+import{cx as F}from"@xjur-ui/util";import{Slot as g}from"@radix-ui/react-slot";import{cva as f}from"@xjur-ui/util";import{memo as y}from"react";import{jsx as u}from"react/jsx-runtime";var h=f("",{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"}}),n=y(({variant:a,size:t,weight:e,asChild:l,className:o,...i})=>u(l?g:"span",{className:h({variant:a,size:t,weight:e,className:o}),...i}));n.displayName="Typography";import{cx as A}from"@xjur-ui/util";import*as v from"@radix-ui/react-avatar";import{jsx as P}from"react/jsx-runtime";function d({className:a,size:t="md",...e}){return P(v.Root,{className:A("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",a),"data-size":t,"data-slot":"avatar",...e})}import{cx as k}from"@xjur-ui/util";import*as z from"@radix-ui/react-avatar";import{jsx as C}from"react/jsx-runtime";function x({className:a,...t}){return C(z.Image,{className:k("aspect-square size-full",a),"data-slot":"avatar-image",...t})}import{cx as N}from"@xjur-ui/util";import*as b from"@radix-ui/react-avatar";import{jsx as R}from"react/jsx-runtime";function p({className:a,...t}){return R(b.Fallback,{className:N("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",a),"data-slot":"avatar-fallback",...t})}import{jsx as r,jsxs as c}from"react/jsx-runtime";function W({avatars:a,max:t=3,size:e="md",className:l}){let o=a.slice(0,t),i=a.length-t;return c("div",{className:F("-space-x-small-1x flex items-center",l),"data-slot":"avatar-group",children:[o.map((s,m)=>c(d,{className:"border-icon-neutral-5 border-2",size:e,children:[s.src&&r(x,{alt:s.alt||`Avatar ${m+1}`,src:s.src}),r(p,{children:s.fallback||`A${m+1}`})]},m)),i>0&&r(d,{className:"bg-layer-1-hover",size:e,children:r(p,{className:"bg-layer-1-hover font-medium",children:c(n,{className:"text-neutral-dark",weight:"medium",children:["+",i]})})})]})}export{W as AvatarGroup};

package/dist/components/avatar/avatar-image.d.ts

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

package/dist/components/avatar/avatar-image.js

@@ -0,0 +1 @@
+import{cx as e}from"@xjur-ui/util";import*as a from"@radix-ui/react-avatar";import{jsx as i}from"react/jsx-runtime";function o({className:t,...r}){return i(a.Image,{className:e("aspect-square size-full",t),"data-slot":"avatar-image",...r})}export{o as AvatarImage};

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

@@ -0,0 +1,4 @@
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+export declare function AvatarRoot({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+import{cx as s}from"@xjur-ui/util";import*as e from"@radix-ui/react-avatar";import{jsx as r}from"react/jsx-runtime";function d({className:a,size:t="md",...i}){return r(e.Root,{className:s("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",a),"data-size":t,"data-slot":"avatar",...i})}export{d as AvatarRoot};

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

@@ -0,0 +1,4 @@
+export { AvatarRoot } from './avatar-root';
+export { AvatarImage } from './avatar-image';
+export { AvatarFallback } from './avatar-fallback';
+export { AvatarGroup } from './avatar-group';

package/dist/components/avatar/index.js

@@ -0,0 +1 @@
+import{cx as f}from"@xjur-ui/util";import*as x from"@radix-ui/react-avatar";import{jsx as g}from"react/jsx-runtime";function i({className:a,size:t="md",...e}){return g(x.Root,{className:f("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",a),"data-size":t,"data-slot":"avatar",...e})}import{cx as y}from"@xjur-ui/util";import*as z from"@radix-ui/react-avatar";import{jsx as h}from"react/jsx-runtime";function d({className:a,...t}){return h(z.Image,{className:y("aspect-square size-full",a),"data-slot":"avatar-image",...t})}import{cx as A}from"@xjur-ui/util";import*as b from"@radix-ui/react-avatar";import{jsx as u}from"react/jsx-runtime";function o({className:a,...t}){return u(b.Fallback,{className:A("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",a),"data-slot":"avatar-fallback",...t})}import{cx as F}from"@xjur-ui/util";import{Slot as P}from"@radix-ui/react-slot";import{cva as k}from"@xjur-ui/util";import{memo as C}from"react";import{jsx as R}from"react/jsx-runtime";var N=k("",{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"}}),c=C(({variant:a,size:t,weight:e,asChild:m,className:n,...r})=>R(m?P:"span",{className:N({variant:a,size:t,weight:e,className:n}),...r}));c.displayName="Typography";import{jsx as l,jsxs as v}from"react/jsx-runtime";function T({avatars:a,max:t=3,size:e="md",className:m}){let n=a.slice(0,t),r=a.length-t;return v("div",{className:F("-space-x-small-1x flex items-center",m),"data-slot":"avatar-group",children:[n.map((s,p)=>v(i,{className:"border-icon-neutral-5 border-2",size:e,children:[s.src&&l(d,{alt:s.alt||`Avatar ${p+1}`,src:s.src}),l(o,{children:s.fallback||`A${p+1}`})]},p)),r>0&&l(i,{className:"bg-layer-1-hover",size:e,children:l(o,{className:"bg-layer-1-hover font-medium",children:v(c,{className:"text-neutral-dark",weight:"medium",children:["+",r]})})})]})}export{o as AvatarFallback,T as AvatarGroup,d as AvatarImage,i as AvatarRoot};

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

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

package/dist/components/breadcrumb/breadcrumb-ellipsis.d.ts

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

package/dist/components/breadcrumb/breadcrumb-ellipsis.js

@@ -0,0 +1 @@
+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 a({className:e,filled:o=!1,name:n,...r}){return s("span",{...r,className:i("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:n})}import{jsx as t,jsxs as _}from"react/jsx-runtime";function y({className:e,...o}){return _("span",{"aria-hidden":"true",className:l("flex size-9 items-center justify-center",e),"data-slot":"breadcrumb-ellipsis",role:"presentation",...o,children:[t(a,{className:"size-4",name:"more_horiz"}),t("span",{className:"sr-only",children:"More"})]})}export{y as BreadcrumbEllipsis};

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

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

package/dist/components/breadcrumb/breadcrumb-item.js

@@ -0,0 +1 @@
+import{cx as r}from"@xjur-ui/util";import{jsx as m}from"react/jsx-runtime";function a({className:e,...t}){return m("li",{className:r("inline-flex items-center gap-1.5",e),"data-slot":"breadcrumb-item",...t})}export{a as BreadcrumbItem};

package/dist/components/breadcrumb/breadcrumb-link.d.ts

@@ -0,0 +1,7 @@
+import { type TypographyProps } from '../typography';
+export declare function BreadcrumbLink({ asChild, className, variant, size, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+    href?: string;
+    variant?: TypographyProps['variant'];
+    size?: TypographyProps['size'];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/breadcrumb/breadcrumb-link.js

@@ -0,0 +1 @@
+import{Slot as z}from"@radix-ui/react-slot";import{cx as b}from"@xjur-ui/util";import{Slot as n}from"@radix-ui/react-slot";import{cva as m}from"@xjur-ui/util";import{memo as p}from"react";import{jsx as y}from"react/jsx-runtime";var d=m("",{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"}}),o=p(({variant:a,size:t,weight:e,asChild:s,className:i,...l})=>y(s?n:"span",{className:d({variant:a,size:t,weight:e,className:i}),...l}));o.displayName="Typography";import{jsx as r}from"react/jsx-runtime";function T({asChild:a,className:t,variant:e="headline",size:s="sm",...i}){return r(o,{asChild:!0,size:s,variant:e,children:r(a?z:"a",{className:b("hover:text-neutral-dark transition-colors",t),"data-slot":"breadcrumb-link",...i})})}export{T as BreadcrumbLink};

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

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

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

@@ -0,0 +1 @@
+import{cx as r}from"@xjur-ui/util";import{jsx as a}from"react/jsx-runtime";function l({className:e,...t}){return a("ol",{className:r("text-neutral-placeholder flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",e),"data-slot":"breadcrumb-list",...t})}export{l as BreadcrumbList};

package/dist/components/breadcrumb/breadcrumb-page.d.ts

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

package/dist/components/breadcrumb/breadcrumb-page.js

@@ -0,0 +1 @@
+import{cx as b}from"@xjur-ui/util";import{Slot as r}from"@radix-ui/react-slot";import{cva as n}from"@xjur-ui/util";import{memo as m}from"react";import{jsx as p}from"react/jsx-runtime";var d=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"}}),i=m(({variant:a,size:e,weight:t,asChild:s,className:l,...o})=>p(s?r:"span",{className:d({variant:a,size:e,weight:t,className:l}),...o}));i.displayName="Typography";import{jsx as z}from"react/jsx-runtime";function C({variant:a="headline",size:e="sm",className:t,...s}){return z(i,{"aria-current":"page","aria-disabled":"true",className:b("text-neutral-dark font-normal",t),"data-slot":"breadcrumb-page",role:"link",size:e,variant:a,...s})}export{C as BreadcrumbPage};

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

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

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

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";function b({...a}){return r("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...a})}export{b as Breadcrumb};

package/dist/components/breadcrumb/breadcrumb-separator.d.ts

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

package/dist/components/breadcrumb/breadcrumb-separator.js

@@ -0,0 +1 @@
+import{cx as s}from"@xjur-ui/util";import{cx as i}from"@xjur-ui/util";import{jsx as l}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return l("span",{...t,className:i("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:r})}import{jsx as n}from"react/jsx-runtime";function b({children:e,className:o,...r}){return n("li",{"aria-hidden":"true",className:s("[&>span]:text-size-title-lg",o),"data-slot":"breadcrumb-separator",role:"presentation",...r,children:e??n(a,{name:"chevron_right"})})}export{b as BreadcrumbSeparator};

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

@@ -0,0 +1,7 @@
+export { Breadcrumb } from './breadcrumb-root';
+export { BreadcrumbList } from './breadcrumb-list';
+export { BreadcrumbItem } from './breadcrumb-item';
+export { BreadcrumbLink } from './breadcrumb-link';
+export { BreadcrumbPage } from './breadcrumb-page';
+export { BreadcrumbSeparator } from './breadcrumb-separator';
+export { BreadcrumbEllipsis } from './breadcrumb-ellipsis';

package/dist/components/breadcrumb/index.js

@@ -0,0 +1 @@
+import{jsx as d}from"react/jsx-runtime";function c({...e}){return d("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}import{cx as f}from"@xjur-ui/util";import{jsx as b}from"react/jsx-runtime";function _({className:e,...a}){return b("ol",{className:f("text-neutral-placeholder flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",e),"data-slot":"breadcrumb-list",...a})}import{cx as u}from"@xjur-ui/util";import{jsx as y}from"react/jsx-runtime";function h({className:e,...a}){return y("li",{className:u("inline-flex items-center gap-1.5",e),"data-slot":"breadcrumb-item",...a})}import{Slot as k}from"@radix-ui/react-slot";import{cx as P}from"@xjur-ui/util";import{Slot as g}from"@radix-ui/react-slot";import{cva as x}from"@xjur-ui/util";import{memo as v}from"react";import{jsx as w}from"react/jsx-runtime";var z=x("",{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"}}),o=v(({variant:e,size:a,weight:t,asChild:r,className:i,...n})=>w(r?g:"span",{className:z({variant:e,size:a,weight:t,className:i}),...n}));o.displayName="Typography";import{jsx as l}from"react/jsx-runtime";function C({asChild:e,className:a,variant:t="headline",size:r="sm",...i}){return l(o,{asChild:!0,size:r,variant:t,children:l(e?k:"a",{className:P("hover:text-neutral-dark transition-colors",a),"data-slot":"breadcrumb-link",...i})})}import{cx as B}from"@xjur-ui/util";import{jsx as I}from"react/jsx-runtime";function T({variant:e="headline",size:a="sm",className:t,...r}){return I(o,{"aria-current":"page","aria-disabled":"true",className:B("text-neutral-dark font-normal",t),"data-slot":"breadcrumb-page",role:"link",size:a,variant:e,...r})}import{cx as L}from"@xjur-ui/util";import{cx as N}from"@xjur-ui/util";import{jsx as R}from"react/jsx-runtime";function s({className:e,filled:a=!1,name:t,...r}){return R("span",{...r,className:N("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${a?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...r.style},children:t})}import{jsx as p}from"react/jsx-runtime";function V({children:e,className:a,...t}){return p("li",{"aria-hidden":"true",className:L("[&>span]:text-size-title-lg",a),"data-slot":"breadcrumb-separator",role:"presentation",...t,children:e??p(s,{name:"chevron_right"})})}import{cx as S}from"@xjur-ui/util";import{jsx as m,jsxs as E}from"react/jsx-runtime";function q({className:e,...a}){return E("span",{"aria-hidden":"true",className:S("flex size-9 items-center justify-center",e),"data-slot":"breadcrumb-ellipsis",role:"presentation",...a,children:[m(s,{className:"size-4",name:"more_horiz"}),m("span",{className:"sr-only",children:"More"})]})}export{c as Breadcrumb,q as BreadcrumbEllipsis,h as BreadcrumbItem,C as BreadcrumbLink,_ as BreadcrumbList,T as BreadcrumbPage,V as BreadcrumbSeparator};

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

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

package/dist/components/carousel/carousel-action.js

@@ -1 +1 @@
-import{twMerge as T}from"@xjur-ui/util";import{useState as c,useCallback as v,useEffect as E,useContext as V}from"react";import{cx as C}from"@xjur-ui/util";import{jsx as k}from"react/jsx-runtime";function m({className:r,filled:s=!1,name:l,...t}){return k("span",{...t,className:C("material-symbols-outlined","text-size-body-lg select-none",r),style:{fontVariationSettings:`'FILL' ${s?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:l})}import{Slot as z}from"@radix-ui/react-slot";import{cva as R,cx as P}from"@xjur-ui/util";import{jsx as S}from"react/jsx-runtime";var L=R(["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 f({asChild:r,className:s,variant:l="primary",size:t="md",appearance:o="solid",...i}){return S(r?z:"button",{className:P(L({variant:l,appearance:o,size:t}),s),...i})}import{twMerge as F}from"@xjur-ui/util";import{createContext as I,useRef as J}from"react";import{jsx as Q}from"react/jsx-runtime";var _=I({scrollAmount:500,scrollRef:{current:null}});import{jsx as p}from"react/jsx-runtime";function te({direction:r,className:s,...l}){let{scrollAmount:t,scrollRef:o}=V(_),[i,d]=c(!1),[b,g]=c(!1),[y,u]=c(!1),a=v(()=>{let e=o.current;if(!e)return;let{scrollLeft:n,scrollWidth:x,clientWidth:w}=e;d(n>0),g(n<x-w)},[o]),h=v(()=>{let e=o.current;e&&(u(!0),e.scrollTo({left:r==="left"?e.scrollLeft-t:e.scrollLeft+t,behavior:"smooth"}),setTimeout(()=>u(!1),300))},[r,t,o]);return E(()=>{let e=o.current;if(!e)return;a(),e.addEventListener("scroll",a,{passive:!0}),window.addEventListener("resize",a);let n=null;return typeof ResizeObserver<"u"&&(n=new ResizeObserver(a),n.observe(e)),()=>{e.removeEventListener("scroll",a),window.removeEventListener("resize",a),n&&n.disconnect()}},[a,o]),r==="right"&&!b||r==="left"&&!i?null:p("div",{className:T("absolute top-1/2 z-1000 h-full -translate-y-1/2 items-center justify-end","hidden transition-all duration-300 group-hover/carousel-root:flex","group-hover/carousel-root:animate-in group-hover/carousel-root:fade-in",r==="right"&&"right-0",r==="left"&&"left-0",s),style:{background:"rgba(255, 255, 255, 0.4)",...l.style},...l,children:p(f,{appearance:"ghost","aria-label":"Scroll right",disabled:y,size:"icon_md",variant:"secondary",onClick:h,children:p(m,{name:`chevron_${r}`})})})}export{te as CarouselAction};
+import{twMerge as T}from"@xjur-ui/util";import{useState as c,useCallback as v,useEffect as E,useContext as V}from"react";import{cx as C}from"@xjur-ui/util";import{jsx as k}from"react/jsx-runtime";function u({className:e,filled:l=!1,name:s,...t}){return k("span",{...t,className:C("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${l?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:s})}import{Slot as z}from"@radix-ui/react-slot";import{cva as R,cx as P}from"@xjur-ui/util";import{jsx as S}from"react/jsx-runtime";var L=R(["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 f({asChild:e,className:l,variant:s="primary",size:t="md",appearance:o="solid",...i}){return S(e?z:"button",{className:P(L({variant:s,appearance:o,size:t}),l),...i})}import{twMerge as F}from"@xjur-ui/util";import{createContext as I,useRef as J}from"react";import{jsx as Q}from"react/jsx-runtime";var _=I({scrollAmount:500,scrollRef:{current:null}});import{jsx as p}from"react/jsx-runtime";function te({direction:e,className:l,...s}){let{scrollAmount:t,scrollRef:o}=V(_),[i,d]=c(!1),[b,g]=c(!1),[y,m]=c(!1),a=v(()=>{let r=o.current;if(!r)return;let{scrollLeft:n,scrollWidth:x,clientWidth:w}=r;d(n>0),g(n<x-w)},[o]),h=v(()=>{let r=o.current;r&&(m(!0),r.scrollTo({left:e==="left"?r.scrollLeft-t:r.scrollLeft+t,behavior:"smooth"}),setTimeout(()=>m(!1),300))},[e,t,o]);return E(()=>{let r=o.current;if(!r)return;a(),r.addEventListener("scroll",a,{passive:!0}),window.addEventListener("resize",a);let n=null;return typeof ResizeObserver<"u"&&(n=new ResizeObserver(a),n.observe(r)),()=>{r.removeEventListener("scroll",a),window.removeEventListener("resize",a),n&&n.disconnect()}},[a,o]),e==="right"&&!b||e==="left"&&!i?null:p("div",{className:T("absolute top-1/2 z-1000 flex h-full -translate-y-1/2 items-center justify-end","animate-in fade-in transition-all duration-300",e==="right"&&"right-0",e==="left"&&"left-0",l),...s,style:{background:`linear-gradient(to ${e}, transparent, rgba(0, 0, 0, 0.08) 100%)`},children:p(f,{appearance:"ghost","aria-label":"Scroll right",disabled:y,size:"icon_md",variant:"secondary",onClick:h,children:p(u,{name:`chevron_${e}`})})})}export{te as CarouselAction};

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

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

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

@@ -1 +1 @@
-import{twMerge as n}from"@xjur-ui/util";import{useContext as s}from"react";import{twMerge as i}from"@xjur-ui/util";import{createContext as l,useRef as a}from"react";import{jsx as f}from"react/jsx-runtime";var o=l({scrollAmount:500,scrollRef:{current:null}});import{jsx as m}from"react/jsx-runtime";function x({className:e,...r}){let{scrollRef:t}=s(o);return m("div",{className:n("gap-small bg-layer-2-idle relative z-[5] flex items-center","scrollbar-hide overflow-x-auto overflow-y-visible","p-small min-w-0",e),ref:t,...r})}export{x as CarouselContent};
+import{twMerge as n}from"@xjur-ui/util";import{useContext as s}from"react";import{twMerge as p}from"@xjur-ui/util";import{createContext as l,useRef as c}from"react";import{jsx as f}from"react/jsx-runtime";var o=l({scrollAmount:500,scrollRef:{current:null}});import{jsx as m}from"react/jsx-runtime";function d({className:e,...t}){let{scrollRef:r}=s(o);return m("div",{className:n("gap-small relative z-[5] flex items-center","scrollbar-hide overflow-x-auto overflow-y-visible","py-small min-w-0",e),ref:r,...t})}export{d as CarouselContent};

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

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

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

@@ -1,13 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { RefObject, ComponentProps } from 'react';
-
-declare const CarouselRootContext: React.Context<{
+import { type ComponentProps, type RefObject } from 'react';
+export declare const CarouselRootContext: import("react").Context<{
     scrollAmount: number;
     scrollRef: RefObject<HTMLDivElement | null>;
 }>;
-declare function CarouselRoot({ className, scrollAmount, ...props }: ComponentProps<'div'> & {
+export declare function CarouselRoot({ className, scrollAmount, ...props }: ComponentProps<'div'> & {
     scrollAmount?: number;
-}): react_jsx_runtime.JSX.Element;
-
-export { CarouselRoot, CarouselRootContext };
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,4 @@
-export { CarouselRoot } from './carousel-root.js';
-export { CarouselContent } from './carousel-content.js';
-export { CarouselAction } from './carousel-action.js';
-export { CarouselItem } from './carousel-item.js';
-import 'react/jsx-runtime';
-import 'react';
+export { CarouselRoot } from './carousel-root';
+export { CarouselContent } from './carousel-content';
+export { CarouselAction } from './carousel-action';
+export { CarouselItem } from './carousel-item';

package/dist/components/carousel/index.js

@@ -1 +1 @@
-import{twMerge as k}from"@xjur-ui/util";import{createContext as P,useRef as R}from"react";import{jsx as f}from"react/jsx-runtime";var i=P({scrollAmount:500,scrollRef:{current:null}});function z({className:e,scrollAmount:o=500,...t}){let a=R(null);return f(i.Provider,{value:{scrollAmount:o,scrollRef:a},children:f("div",{className:k("group/carousel-root relative isolate",e),...t})})}import{twMerge as L}from"@xjur-ui/util";import{useContext as I}from"react";import{jsx as T}from"react/jsx-runtime";function S({className:e,...o}){let{scrollRef:t}=I(i);return T("div",{className:L("gap-small bg-layer-2-idle relative z-[5] flex items-center","scrollbar-hide overflow-x-auto overflow-y-visible","p-small min-w-0",e),ref:t,...o})}import{twMerge as D}from"@xjur-ui/util";import{useState as p,useCallback as b,useEffect as q,useContext as H}from"react";import{cx as A}from"@xjur-ui/util";import{jsx as E}from"react/jsx-runtime";function v({className:e,filled:o=!1,name:t,...a}){return E("span",{...a,className:A("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...a.style},children:t})}import{Slot as V}from"@radix-ui/react-slot";import{cva as M,cx as N}from"@xjur-ui/util";import{jsx as B}from"react/jsx-runtime";var O=M(["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:o,variant:t="primary",size:a="md",appearance:n="solid",...c}){return B(e?V:"button",{className:N(O({variant:t,appearance:n,size:a}),o),...c})}import{jsx as d}from"react/jsx-runtime";function W({direction:e,className:o,...t}){let{scrollAmount:a,scrollRef:n}=H(i),[c,m]=p(!1),[g,y]=p(!1),[h,u]=p(!1),l=b(()=>{let r=n.current;if(!r)return;let{scrollLeft:s,scrollWidth:w,clientWidth:C}=r;m(s>0),y(s<w-C)},[n]),x=b(()=>{let r=n.current;r&&(u(!0),r.scrollTo({left:e==="left"?r.scrollLeft-a:r.scrollLeft+a,behavior:"smooth"}),setTimeout(()=>u(!1),300))},[e,a,n]);return q(()=>{let r=n.current;if(!r)return;l(),r.addEventListener("scroll",l,{passive:!0}),window.addEventListener("resize",l);let s=null;return typeof ResizeObserver<"u"&&(s=new ResizeObserver(l),s.observe(r)),()=>{r.removeEventListener("scroll",l),window.removeEventListener("resize",l),s&&s.disconnect()}},[l,n]),e==="right"&&!g||e==="left"&&!c?null:d("div",{className:D("absolute top-1/2 z-1000 h-full -translate-y-1/2 items-center justify-end","hidden transition-all duration-300 group-hover/carousel-root:flex","group-hover/carousel-root:animate-in group-hover/carousel-root:fade-in",e==="right"&&"right-0",e==="left"&&"left-0",o),style:{background:"rgba(255, 255, 255, 0.4)",...t.style},...t,children:d(_,{appearance:"ghost","aria-label":"Scroll right",disabled:h,size:"icon_md",variant:"secondary",onClick:x,children:d(v,{name:`chevron_${e}`})})})}import{twMerge as $}from"@xjur-ui/util";import"react";import{jsx as G}from"react/jsx-runtime";function F({className:e,...o}){return G("div",{className:$("relative flex-none whitespace-nowrap",e),...o})}export{W as CarouselAction,S as CarouselContent,F as CarouselItem,z as CarouselRoot};
+import{twMerge as k}from"@xjur-ui/util";import{createContext as P,useRef as R}from"react";import{jsx as f}from"react/jsx-runtime";var i=P({scrollAmount:500,scrollRef:{current:null}});function z({className:e,scrollAmount:t=500,...a}){let o=R(null);return f(i.Provider,{value:{scrollAmount:t,scrollRef:o},children:f("div",{className:k("group/carousel-root relative isolate",e),...a})})}import{twMerge as L}from"@xjur-ui/util";import{useContext as I}from"react";import{jsx as T}from"react/jsx-runtime";function S({className:e,...t}){let{scrollRef:a}=I(i);return T("div",{className:L("gap-small relative z-[5] flex items-center","scrollbar-hide overflow-x-auto overflow-y-visible","py-small min-w-0",e),ref:a,...t})}import{twMerge as D}from"@xjur-ui/util";import{useState as p,useCallback as b,useEffect as $,useContext as q}from"react";import{cx as A}from"@xjur-ui/util";import{jsx as E}from"react/jsx-runtime";function v({className:e,filled:t=!1,name:a,...o}){return E("span",{...o,className:A("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{Slot as V}from"@radix-ui/react-slot";import{cva as M,cx as N}from"@xjur-ui/util";import{jsx as B}from"react/jsx-runtime";var O=M(["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:a="primary",size:o="md",appearance:n="solid",...c}){return B(e?V:"button",{className:N(O({variant:a,appearance:n,size:o}),t),...c})}import{jsx as d}from"react/jsx-runtime";function H({direction:e,className:t,...a}){let{scrollAmount:o,scrollRef:n}=q(i),[c,m]=p(!1),[g,y]=p(!1),[h,u]=p(!1),l=b(()=>{let r=n.current;if(!r)return;let{scrollLeft:s,scrollWidth:w,clientWidth:C}=r;m(s>0),y(s<w-C)},[n]),x=b(()=>{let r=n.current;r&&(u(!0),r.scrollTo({left:e==="left"?r.scrollLeft-o:r.scrollLeft+o,behavior:"smooth"}),setTimeout(()=>u(!1),300))},[e,o,n]);return $(()=>{let r=n.current;if(!r)return;l(),r.addEventListener("scroll",l,{passive:!0}),window.addEventListener("resize",l);let s=null;return typeof ResizeObserver<"u"&&(s=new ResizeObserver(l),s.observe(r)),()=>{r.removeEventListener("scroll",l),window.removeEventListener("resize",l),s&&s.disconnect()}},[l,n]),e==="right"&&!g||e==="left"&&!c?null:d("div",{className:D("absolute top-1/2 z-1000 flex h-full -translate-y-1/2 items-center justify-end","animate-in fade-in transition-all duration-300",e==="right"&&"right-0",e==="left"&&"left-0",t),...a,style:{background:`linear-gradient(to ${e}, transparent, rgba(0, 0, 0, 0.08) 100%)`},children:d(_,{appearance:"ghost","aria-label":"Scroll right",disabled:h,size:"icon_md",variant:"secondary",onClick:x,children:d(v,{name:`chevron_${e}`})})})}import{twMerge as W}from"@xjur-ui/util";import"react";import{jsx as G}from"react/jsx-runtime";function F({className:e,...t}){return G("div",{className:W("relative flex-none whitespace-nowrap",e),...t})}export{H as CarouselAction,S as CarouselContent,F as CarouselItem,z as CarouselRoot};

package/dist/components/chip/chip-avatar.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from 'react';
+import { AvatarRoot } from '../avatar';
+export declare function ChipAvatar({ size, avatarFallback, avatarUrl, ...props }: ComponentProps<typeof AvatarRoot> & {
+    avatarUrl?: string;
+    avatarFallback: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/chip/chip-avatar.js

@@ -0,0 +1 @@
+import{cx as x}from"@xjur-ui/util";import*as l from"@radix-ui/react-avatar";import{jsx as f}from"react/jsx-runtime";function r({className:a,size:t="md",...e}){return f(l.Root,{className:x("rounded-circle relative flex shrink-0 overflow-hidden","data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x","data-[size=lg]:text-size-headline-md data-[size=md]:text-size-label-lg data-[size=sm]:text-size-label-sm data-[size=xs]:text-size-label-sm",a),"data-size":t,"data-slot":"avatar",...e})}import{cx as z}from"@xjur-ui/util";import*as m from"@radix-ui/react-avatar";import{jsx as b}from"react/jsx-runtime";function s({className:a,...t}){return b(m.Image,{className:z("aspect-square size-full",a),"data-slot":"avatar-image",...t})}import{cx as g}from"@xjur-ui/util";import*as n from"@radix-ui/react-avatar";import{jsx as y}from"react/jsx-runtime";function i({className:a,...t}){return y(n.Fallback,{className:g("bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",a),"data-slot":"avatar-fallback",...t})}import{cx as J}from"@xjur-ui/util";import{Slot as A}from"@radix-ui/react-slot";import{cva as h}from"@xjur-ui/util";import{memo as u}from"react";import{jsx as k}from"react/jsx-runtime";var P=h("",{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=u(({variant:a,size:t,weight:e,asChild:o,className:d,...v})=>k(o?A:"span",{className:P({variant:a,size:t,weight:e,className:d}),...v}));p.displayName="Typography";import{jsx as W,jsxs as X}from"react/jsx-runtime";import{jsx as c,jsxs as C}from"react/jsx-runtime";function sa({size:a="xs",avatarFallback:t="CN",avatarUrl:e,...o}){return C(r,{size:a,style:{marginLeft:"-4px"},...o,children:[e&&c(s,{src:e}),c(i,{children:t})]})}export{sa as ChipAvatar};

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

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

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

@@ -0,0 +1 @@
+import{cx as _}from"@xjur-ui/util";import{cx as p}from"@xjur-ui/util";import{cx as l}from"@xjur-ui/util";import{jsx as s}from"react/jsx-runtime";function a({className:e,filled:o=!1,name:r,...t}){return s("span",{...t,className:l("material-symbols-outlined","text-size-body-lg select-none",e),style:{fontVariationSettings:`'FILL' ${o?1:0}, 'wght' 600, 'GRAD' 0, 'opsz' 20`,...t.style},children:r})}import{jsx as c}from"react/jsx-runtime";function i({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 n}from"react/jsx-runtime";function I({className:e,children:o=n(i,{name:"close"}),...r}){return n("div",{className:_(e,"data-[disabled=true]:invisible","cursor-pointer bg-inherit","invisible items-center justify-center group-hover/chip:visible","absolute top-0 right-0","h-large-2x w-large-2x rounded-circle","transition-[visibility] duration-200"),role:"button",...r,children:o})}export{I as ChipClose};

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

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

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

@@ -0,0 +1 @@
+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 h({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{h as ChipIcon};

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

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

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

@@ -0,0 +1 @@
+import{cva as i,cx as l}from"@xjur-ui/util";import"react";import{jsx as n}from"react/jsx-runtime";var o=i(["group/chip relative h-large-2x w-fit rounded-circle 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 s({className:a,variant:r="primary",disabled:e=!1,...t}){return n("div",{className:l(o({variant:r}),a),"data-disabled":e,...t})}export{s as ChipRoot};

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

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

package/dist/components/chip/chip-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 ChipText};

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

@@ -0,0 +1,5 @@
+export { ChipRoot } from './chip-root';
+export { ChipText } from './chip-text';
+export { ChipIcon } from './chip-icon';
+export { ChipClose } from './chip-close';
+export { ChipAvatar } from './chip-avatar';