@jamsrui/chip 0.0.12 → 0.0.14

package/dist/chip-BOENO6Cd.d.mts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropGetter } from '@jamsrui/utils';
+import { ChipDot } from './chip-dot.mjs';
+import { ChipRoot } from './chip-root.mjs';
+import { ChipVariantsProps } from './styles.mjs';
+
+declare const useChip: (props: useChip.Props) => {
+    getRootProps: PropGetter<Chip.Props>;
+    getDotProps: PropGetter<ChipDot.Props>;
+};
+declare namespace useChip {
+    interface Props extends ChipRoot.Props, ChipVariantsProps {
+    }
+}
+
+declare const Chip: (props: Chip.Props) => react_jsx_runtime.JSX.Element;
+declare namespace Chip {
+    interface Props extends useChip.Props {
+    }
+}
+
+export { Chip as C, useChip as u };

package/dist/chip-config.d.mts

@@ -1,11 +1,10 @@
-import { C as Chip } from './chip-DRTSt1tP.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GlobalConfigProps } from '@jamsrui/core';
-import 'react';
+import { C as Chip } from './chip-BOENO6Cd.mjs';
 import '@jamsrui/utils';
-import './chip-close-button.mjs';
-import './chip-content.mjs';
 import './chip-dot.mjs';
+import 'react';
+import './chip-root.mjs';
 import './styles.mjs';
 
 declare const useChipConfig: () => ChipConfig.Props;

package/dist/chip-config.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-KP46X2A7.mjs";export{a as ChipConfig,b as useChipConfig};
+"use client";import{createConfigContext as o}from"@jamsrui/utils";const[i,e]=o({displayName:"ChipConfig"});export{i as ChipConfig,e as useChipConfig};

package/dist/chip-context.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import { u as useChip } from './chip-DRTSt1tP.mjs';
+import { u as useChip } from './chip-BOENO6Cd.mjs';
 import 'react/jsx-runtime';
 import '@jamsrui/utils';
-import './chip-close-button.mjs';
-import './chip-content.mjs';
 import './chip-dot.mjs';
+import './chip-root.mjs';
 import './styles.mjs';
 
 declare const useChipContext: () => ChipContext.Props;

package/dist/chip-context.mjs

@@ -1 +1 @@
-import{a,b}from"./chunk-4H2Z2ASN.mjs";export{a as ChipContext,b as useChipContext};
+"use client";import{createContext as t,use as o}from"react";const p=t(null),r=()=>{const e=o(p);if(!e)throw new Error("useChipContext must be used within a ChipContext");return e};export{p as ChipContext,r as useChipContext};

package/dist/chip-dot.mjs

@@ -1 +1 @@
-import{a}from"./chunk-TE6RQZ6F.mjs";import"./chunk-4H2Z2ASN.mjs";export{a as ChipDot};
+"use client";import{useRenderElement as r}from"@jamsrui/hooks";import{useChipContext as o}from"./chip-context.mjs";const i=e=>{const{getDotProps:t}=o();return r("div",{props:[t(e)]})};export{i as ChipDot};

package/dist/chip-root.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const ChipRoot: (props: ChipRoot.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace ChipRoot {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { ChipRoot };

package/dist/chip-root.mjs

@@ -0,0 +1 @@
+import{useRenderElement as r}from"@jamsrui/hooks";import{useChipContext as t}from"./chip-context.mjs";const i=e=>{const{getRootProps:o}=t();return r("div",{props:[o(e)]})};export{i as ChipRoot};

package/dist/chip.d.mts

@@ -1,8 +1,7 @@
 import 'react/jsx-runtime';
-export { C as Chip } from './chip-DRTSt1tP.mjs';
-import 'react';
+export { C as Chip } from './chip-BOENO6Cd.mjs';
 import '@jamsrui/utils';
-import './chip-close-button.mjs';
-import './chip-content.mjs';
 import './chip-dot.mjs';
+import 'react';
+import './chip-root.mjs';
 import './styles.mjs';

package/dist/chip.mjs

@@ -1 +1 @@
-import{a}from"./chunk-CB3KJFCA.mjs";import"./chunk-74QYMEQ2.mjs";import"./chunk-TQ2CHG5Q.mjs";import"./chunk-KP46X2A7.mjs";import"./chunk-7QJFLK5W.mjs";import"./chunk-TE6RQZ6F.mjs";import"./chunk-4H2Z2ASN.mjs";import"./chunk-M24Y5IQ2.mjs";export{a as Chip};
+"use client";import{jsx as e}from"react/jsx-runtime";import{mergeConfigProps as i}from"@jamsrui/utils";import{useChipConfig as n}from"./chip-config.mjs";import{ChipContext as C}from"./chip-context.mjs";import{ChipRoot as s}from"./chip-root.mjs";import{useChip as m}from"./use-chip.mjs";const u=o=>{const p=n(),r=i(p,p,o),t=m(r);return e(C,{value:t,children:e(s,{children:o.children})})};export{u as Chip};

package/dist/index.d.mts

@@ -1,10 +1,22 @@
-export { C as Chip } from './chip-DRTSt1tP.mjs';
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { C as Chip$1 } from './chip-BOENO6Cd.mjs';
+import { ChipDot } from './chip-dot.mjs';
 export { ChipConfig, useChipConfig } from './chip-config.mjs';
-import 'react/jsx-runtime';
-import 'react';
 import '@jamsrui/utils';
-import './chip-close-button.mjs';
-import './chip-content.mjs';
-import './chip-dot.mjs';
+import './chip-root.mjs';
 import './styles.mjs';
 import '@jamsrui/core';
+
+declare const Chip: ((props: Chip$1.Props) => react_jsx_runtime.JSX.Element) & {
+    Root: (props: Chip$1.Props) => react_jsx_runtime.JSX.Element;
+    Dot: (props: ChipDot.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+};
+declare namespace Chip {
+    interface Props extends Chip$1.Props {
+    }
+    interface Dot extends ChipDot.Props {
+    }
+}
+
+export { Chip };

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{a as e}from"./chunk-CB3KJFCA.mjs";import"./chunk-74QYMEQ2.mjs";import"./chunk-TQ2CHG5Q.mjs";import{a as i,b as o}from"./chunk-KP46X2A7.mjs";import"./chunk-7QJFLK5W.mjs";import"./chunk-TE6RQZ6F.mjs";import"./chunk-4H2Z2ASN.mjs";import"./chunk-M24Y5IQ2.mjs";export{e as Chip,i as ChipConfig,o as useChipConfig};
+import{Chip as o}from"./chip.mjs";import{ChipDot as p}from"./chip-dot.mjs";import{ChipConfig as C,useChipConfig as h}from"./chip-config.mjs";const i=Object.assign(o,{Root:o,Dot:p});export{i as Chip,C as ChipConfig,h as useChipConfig};

package/dist/styles.d.mts

@@ -3,31 +3,28 @@ import { VariantProps } from '@jamsrui/utils';
 
 declare const chipVariants: _jamsrui_utils.TVReturnType<{
     variant: {
-        solid: {};
+        solid: {
+            root: string;
+        };
         bordered: {
             root: string;
         };
-        flat: {};
+        flat: {
+            root: string;
+        };
         dot: {
             dot: string;
         };
     };
     size: {
-        xs: {
-            root: string;
-            content: string;
-        };
         sm: {
             root: string;
-            content: string;
         };
         md: {
             root: string;
-            content: string;
         };
         lg: {
             root: string;
-            content: string;
         };
     };
     color: {
@@ -41,7 +38,6 @@ declare const chipVariants: _jamsrui_utils.TVReturnType<{
     isSquare: {
         true: {
             root: string;
-            content: string;
         };
     };
     isBordered: {
@@ -61,36 +57,31 @@ declare const chipVariants: _jamsrui_utils.TVReturnType<{
     };
 }, {
     root: string;
-    content: string;
-    closeButton: string;
     dot: string;
 }, undefined, {
     variant: {
-        solid: {};
+        solid: {
+            root: string;
+        };
         bordered: {
             root: string;
         };
-        flat: {};
+        flat: {
+            root: string;
+        };
         dot: {
             dot: string;
         };
     };
     size: {
-        xs: {
-            root: string;
-            content: string;
-        };
         sm: {
             root: string;
-            content: string;
         };
         md: {
             root: string;
-            content: string;
         };
         lg: {
             root: string;
-            content: string;
         };
     };
     color: {
@@ -104,7 +95,6 @@ declare const chipVariants: _jamsrui_utils.TVReturnType<{
     isSquare: {
         true: {
             root: string;
-            content: string;
         };
     };
     isBordered: {
@@ -124,36 +114,31 @@ declare const chipVariants: _jamsrui_utils.TVReturnType<{
     };
 }, {
     root: string;
-    content: string;
-    closeButton: string;
     dot: string;
 }, _jamsrui_utils.TVReturnType<{
     variant: {
-        solid: {};
+        solid: {
+            root: string;
+        };
         bordered: {
             root: string;
         };
-        flat: {};
+        flat: {
+            root: string;
+        };
         dot: {
             dot: string;
         };
     };
     size: {
-        xs: {
-            root: string;
-            content: string;
-        };
         sm: {
             root: string;
-            content: string;
         };
         md: {
             root: string;
-            content: string;
         };
         lg: {
             root: string;
-            content: string;
         };
     };
     color: {
@@ -167,7 +152,6 @@ declare const chipVariants: _jamsrui_utils.TVReturnType<{
     isSquare: {
         true: {
             root: string;
-            content: string;
         };
     };
     isBordered: {
@@ -187,8 +171,6 @@ declare const chipVariants: _jamsrui_utils.TVReturnType<{
     };
 }, {
     root: string;
-    content: string;
-    closeButton: string;
     dot: string;
 }, undefined, unknown, unknown, undefined>>;
 type ChipVariantsProps = VariantProps<typeof chipVariants>;

package/dist/styles.mjs

@@ -1 +1 @@
-import{a}from"./chunk-M24Y5IQ2.mjs";export{a as chipVariants};
+import{allColors as e,colorVariants as t,radiusVariant as a,tv as s}from"@jamsrui/utils";const i=s({slots:{root:"chip chip__root relative box-border inline-flex min-w-min max-w-fit shrink-0 items-center justify-between whitespace-nowrap rounded-full gap-2",dot:"chip__dot size-1.5 rounded-full"},variants:{variant:{solid:{root:"chip--solid"},bordered:{root:"chip--bordered border"},flat:{root:"chip--flat"},dot:{dot:"chip--dot outline-2"}},size:{sm:{root:"chip--xs h-5 px-1 text-xs"},md:{root:"chip--sm h-6 px-2 text-xs"},lg:{root:"chip--md h-7 px-3 text-sm"}},color:{default:"",primary:"",secondary:"",success:"",warning:"",danger:""},isSquare:{true:{root:"chip--squared flex aspect-square items-center justify-center"}},isBordered:{true:{root:"chip--bordered border"}},radius:a("root","chip")},compoundVariants:[...["solid","bordered","flat"].flatMap(r=>e.map(o=>({variant:r,color:o,className:{root:t[r][o]}}))),...e.map(r=>({variant:"dot",color:r,className:{dot:t.solid[r]}})),{variant:"dot",color:"primary",className:{dot:"outline-primary-border"}},{variant:"dot",color:"secondary",className:{dot:"outline-secondary-border"}},{variant:"dot",color:"success",className:{dot:"outline-success-border"}},{variant:"dot",color:"warning",className:{dot:"outline-warning-border"}},{variant:"dot",color:"danger",className:{dot:"outline-danger-border"}},{variant:"dot",color:"default",className:{dot:"outline-default-border"}},{isBordered:!0,color:"danger",className:{root:"border-danger"}},{isBordered:!0,color:"primary",className:{root:"border-primary"}},{isBordered:!0,color:"secondary",className:{root:"border-secondary"}},{isBordered:!0,color:"success",className:{root:"border-success"}},{isBordered:!0,color:"warning",className:{root:"border-warning"}},{isBordered:!0,color:"default",className:{root:"border-divider"}}],defaultVariants:{color:"default",size:"md",radius:"full",variant:"solid"}});export{i as chipVariants};

package/dist/use-chip.d.mts

@@ -1,8 +1,7 @@
-import 'react';
 import '@jamsrui/utils';
-export { u as useChip } from './chip-DRTSt1tP.mjs';
-import './chip-close-button.mjs';
-import './chip-content.mjs';
+export { u as useChip } from './chip-BOENO6Cd.mjs';
 import './chip-dot.mjs';
+import './chip-root.mjs';
 import './styles.mjs';
 import 'react/jsx-runtime';
+import 'react';

package/dist/use-chip.mjs

@@ -1 +1 @@
-import{a}from"./chunk-74QYMEQ2.mjs";import"./chunk-M24Y5IQ2.mjs";export{a as useChip};
+import{useCallback as a,useMemo as h}from"react";import{dataAttrDev as r,mapPropsVariants as P}from"@jamsrui/utils";import{chipVariants as i}from"./styles.mjs";const d=m=>{const[c,n]=P(m,i.variantKeys),{...o}=c,t=i(n),p=a(()=>({"data-slot":r("root"),"data-component":r("chip"),...o,className:t.root({className:o.className})}),[o,t]),s=a(e=>({...e,"data-slot":r("dot"),className:t.dot({className:e.className})}),[t]);return h(()=>({getRootProps:p,getDotProps:s}),[s,p])};export{d as useChip};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@jamsrui/chip",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.12",
-    "@jamsrui/core": "^0.0.10",
-    "@jamsrui/icons": "^0.0.10",
-    "@jamsrui/utils": "^0.0.12"
+    "@jamsrui/hooks": "^0.0.14",
+    "@jamsrui/core": "^0.0.12",
+    "@jamsrui/utils": "^0.0.14",
+    "@jamsrui/icons": "^0.0.12"
   },
   "exports": {
     ".": {

package/dist/chip-DRTSt1tP.d.mts

@@ -1,39 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
-import { ChipCloseButton } from './chip-close-button.mjs';
-import { ChipContent } from './chip-content.mjs';
-import { ChipDot } from './chip-dot.mjs';
-import { ChipVariantsProps, ChipSlots } from './styles.mjs';
-
-declare const useChip: (props: useChip.Props) => {
-    getRootProps: PropGetter<Chip.Props>;
-    getContentProps: PropGetter<ChipContent.Props>;
-    getCloseButtonProps: PropGetter<ChipCloseButton.Props>;
-    getDotProps: PropGetter<ChipDot.Props>;
-    startContent: react.ReactNode;
-    endContent: react.ReactNode;
-    isClosable: boolean;
-    isDotVariant: boolean;
-};
-declare namespace useChip {
-    interface Props extends UIProps<"div">, ChipVariantsProps {
-        startContent?: React.ReactNode;
-        endContent?: React.ReactNode;
-        onClose?: () => void;
-        classNames?: SlotsToClassNames<ChipSlots>;
-        slotProps?: {
-            content?: ChipContent.Props;
-            closeButton?: ChipCloseButton.Props;
-            dot?: ChipDot.Props;
-        };
-    }
-}
-
-declare const Chip: (props: Chip.Props) => react_jsx_runtime.JSX.Element;
-declare namespace Chip {
-    interface Props extends useChip.Props {
-    }
-}
-
-export { Chip as C, useChip as u };

package/dist/chip-close-button.d.mts

@@ -1,10 +0,0 @@
-import * as react from 'react';
-import { UIProps } from '@jamsrui/utils';
-
-declare const ChipCloseButton: (props: ChipCloseButton.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
-declare namespace ChipCloseButton {
-    interface Props extends UIProps<"button"> {
-    }
-}
-
-export { ChipCloseButton };

package/dist/chip-close-button.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-TQ2CHG5Q.mjs";import"./chunk-4H2Z2ASN.mjs";export{a as ChipCloseButton};

package/dist/chip-content.d.mts

@@ -1,10 +0,0 @@
-import * as react from 'react';
-import { UIProps } from '@jamsrui/utils';
-
-declare const ChipContent: (props: ChipContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
-declare namespace ChipContent {
-    interface Props extends UIProps<"div"> {
-    }
-}
-
-export { ChipContent };

package/dist/chip-content.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-7QJFLK5W.mjs";import"./chunk-TE6RQZ6F.mjs";import"./chunk-4H2Z2ASN.mjs";export{a as ChipContent};

package/dist/chunk-4H2Z2ASN.mjs

@@ -1 +0,0 @@
-import{createContext as e,use as o}from"react";var p=e(null),r=()=>{let t=o(p);if(!t)throw new Error("useChipContext must be used within a ChipContext");return t};export{p as a,r as b};

package/dist/chunk-74QYMEQ2.mjs

@@ -1 +0,0 @@
-import{a as l}from"./chunk-M24Y5IQ2.mjs";import{useCallback as n,useMemo as D}from"react";import{cn as r,dataAttrDev as a,mapPropsVariants as g,mergeProps as i}from"@jamsrui/utils";var b=y=>{let[v,m]=g(y,l.variantKeys),{startContent:C,endContent:P,onClose:p,classNames:o,slotProps:t,...c}=v,s=l(m),h=typeof p=="function",d=m.variant==="dot",u=n(()=>({"data-slot":a("root"),"data-component":a("chip"),...c,className:s.root({className:r(o?.root,c.className)})}),[o?.root,c,s]),N=n(e=>({...i(t?.content,e),"data-slot":a("content"),className:s.content({className:r(t?.content?.className,o?.content,e.className)})}),[o?.content,t?.content,s]),f=n(e=>({...i(t?.closeButton,e,{onClick:p}),"data-slot":a("close-button"),className:s.closeButton({className:r(t?.closeButton?.className,o?.closeButton,e.className)})}),[o?.closeButton,p,t?.closeButton,s]),B=n(e=>({...i(t?.dot,e),"data-slot":a("dot"),className:s.dot({className:r(t?.dot?.className,o?.dot,e.className)})}),[o?.dot,t?.dot,s]);return D(()=>({getRootProps:u,getContentProps:N,getCloseButtonProps:f,getDotProps:B,startContent:C,endContent:P,isClosable:h,isDotVariant:d}),[P,f,N,B,u,C,h,d])};export{b as a};

package/dist/chunk-7QJFLK5W.mjs

@@ -1 +0,0 @@
-import{a as n}from"./chunk-TE6RQZ6F.mjs";import{b as e}from"./chunk-4H2Z2ASN.mjs";import{useRenderElement as C}from"@jamsrui/hooks";import{Fragment as c,jsx as d,jsxs as h}from"react/jsx-runtime";var u=t=>{let{children:o}=t,{getContentProps:r,startContent:p,endContent:i,isDotVariant:s}=e(),m=h(c,{children:[p,!!s&&d(n,{}),o,i]});return C("div",{props:[r(t),{children:m}]})};export{u as a};

package/dist/chunk-CB3KJFCA.mjs

@@ -1 +0,0 @@
-import{a as C}from"./chunk-74QYMEQ2.mjs";import{a as p}from"./chunk-TQ2CHG5Q.mjs";import{b as i}from"./chunk-KP46X2A7.mjs";import{a as s}from"./chunk-7QJFLK5W.mjs";import{a as n}from"./chunk-4H2Z2ASN.mjs";import{useRenderElement as g}from"@jamsrui/hooks";import{mergeConfigProps as u}from"@jamsrui/utils";import{Fragment as x,jsx as e,jsxs as P}from"react/jsx-runtime";var q=o=>{let{children:m}=o,t=i(),c=u(t,t,o),r=C(c),{getRootProps:h,isClosable:f}=r,d=P(x,{children:[e(s,{children:m}),!!f&&e(p,{})]}),l=g("div",{props:[h(o),{children:d}]});return e(n,{value:r,children:l})};export{q as a};

package/dist/chunk-KP46X2A7.mjs

@@ -1 +0,0 @@
-import{createConfigContext as o}from"@jamsrui/utils";var[i,r]=o({displayName:"ChipConfig"});export{i as a,r as b};

package/dist/chunk-M24Y5IQ2.mjs

@@ -1 +0,0 @@
-import{allColors as e,colorVariants as t,radiusVariant as a,tv as s}from"@jamsrui/utils";var i=s({slots:{root:"relative box-border inline-flex min-w-min max-w-fit shrink-0 items-center justify-between whitespace-nowrap rounded-full",content:"flex flex-1 items-center gap-2 text-inherit",closeButton:"z-10 cursor-pointer select-none appearance-none opacity-70 outline-none transition-opacity tap-highlight-transparent hover:opacity-100 active:opacity-disabled",dot:"size-1.5 rounded-full"},variants:{variant:{solid:{},bordered:{root:"border"},flat:{},dot:{dot:"outline-2"}},size:{xs:{root:"h-5 px-0.5 text-xs",content:"px-0.5"},sm:{root:"h-6 px-1 text-xs",content:"px-1"},md:{root:"h-7 px-1 text-sm",content:"px-1"},lg:{root:"h-8 px-2 text-base",content:"px-2"}},color:{default:"",primary:"",secondary:"",success:"",warning:"",danger:""},isSquare:{true:{root:"flex aspect-square items-center justify-center",content:"flex-none"}},isBordered:{true:{root:"border"}},radius:a("root")},compoundVariants:[...["solid","bordered","flat"].flatMap(r=>e.map(o=>({variant:r,color:o,className:{root:t[r][o]}}))),...e.map(r=>({variant:"dot",color:r,className:{dot:t.solid[r]}})),{variant:"dot",color:"primary",className:{dot:"outline-primary-border"}},{variant:"dot",color:"secondary",className:{dot:"outline-secondary-border"}},{variant:"dot",color:"success",className:{dot:"outline-success-border"}},{variant:"dot",color:"warning",className:{dot:"outline-warning-border"}},{variant:"dot",color:"danger",className:{dot:"outline-danger-border"}},{variant:"dot",color:"default",className:{dot:"outline-default-border"}},{isBordered:!0,color:"danger",className:{root:"border-danger"}},{isBordered:!0,color:"primary",className:{root:"border-primary"}},{isBordered:!0,color:"secondary",className:{root:"border-secondary"}},{isBordered:!0,color:"success",className:{root:"border-success"}},{isBordered:!0,color:"warning",className:{root:"border-warning"}},{isBordered:!0,color:"default",className:{root:"border-divider"}}],defaultVariants:{color:"default",size:"md",radius:"full",variant:"solid"}});export{i as a};

package/dist/chunk-TE6RQZ6F.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-4H2Z2ASN.mjs";import{useRenderElement as o}from"@jamsrui/hooks";var i=r=>{let{getDotProps:t}=e();return o("div",{props:[t(r)]})};export{i as a};

package/dist/chunk-TQ2CHG5Q.mjs

@@ -1 +0,0 @@
-import{b as e}from"./chunk-4H2Z2ASN.mjs";import{useRenderElement as s}from"@jamsrui/hooks";import{CloseFilledIcon as n}from"@jamsrui/icons";import{jsx as p}from"react/jsx-runtime";var C=o=>{let{getCloseButtonProps:t}=e(),r=p(n,{className:"size-4"});return s("button",{props:[t(o),{children:r}]})};export{C as a};