@jamsrui/chip 0.0.9 → 0.0.10

package/dist/chip-close-button.mjs

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

package/dist/chip-config.mjs

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

package/dist/chip-content.mjs

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

package/dist/chip-context.mjs

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

package/dist/chip-dot.mjs

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

package/dist/chip.mjs

@@ -1 +1 @@
-import{Fragment as x,jsx as e,jsxs as P}from"react/jsx-runtime";import{useRenderElement as c}from"@jamsrui/hooks";import{mergeConfigProps as h}from"@jamsrui/utils";import{ChipCloseButton as f}from"./chip-close-button";import{useChipConfig as d}from"./chip-config";import{ChipContent as l}from"./chip-content";import{ChipContext as g}from"./chip-context";import{useChip as u}from"./use-chip";const q=o=>{const{children:n}=o,t=d(),p=h(t,t,o),r=u(p),{getRootProps:i,isClosable:s}=r,C=P(x,{children:[e(l,{children:n}),!!s&&e(f,{})]}),m=c("div",{props:[i(o),{children:C}]});return e(g,{value:r,children:m})};export{q as Chip};
+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};

package/dist/chunk-4H2Z2ASN.mjs

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

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

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

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

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

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

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

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

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{Chip as e}from"./chip";import{ChipConfig as C,useChipConfig as f}from"./chip-config";export{e as Chip,C as ChipConfig,f as useChipConfig};
+"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};

package/dist/styles.mjs

@@ -1 +1 @@
-import{allColors as e,colorVariants as t,radiusVariant as a,tv as s}from"@jamsrui/utils";const 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 chipVariants};
+import{a}from"./chunk-M24Y5IQ2.mjs";export{a as chipVariants};

package/dist/use-chip.mjs

@@ -1 +1 @@
-import{useCallback as n,useMemo as D}from"react";import{cn as r,dataAttrDev as a,mapPropsVariants as g,mergeProps as l}from"@jamsrui/utils";import{chipVariants as B}from"./styles";const b=y=>{const[v,i]=g(y,B.variantKeys),{startContent:m,endContent:C,onClose:p,classNames:o,slotProps:t,...c}=v,s=B(i),P=typeof p=="function",h=i.variant==="dot",d=n(()=>({"data-slot":a("root"),"data-component":a("chip"),...c,className:s.root({className:r(o?.root,c.className)})}),[o?.root,c,s]),u=n(e=>({...l(t?.content,e),"data-slot":a("content"),className:s.content({className:r(t?.content?.className,o?.content,e.className)})}),[o?.content,t?.content,s]),N=n(e=>({...l(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]),f=n(e=>({...l(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:d,getContentProps:u,getCloseButtonProps:N,getDotProps:f,startContent:m,endContent:C,isClosable:P,isDotVariant:h}),[C,N,u,f,d,m,P,h])};export{b as useChip};
+import{a}from"./chunk-74QYMEQ2.mjs";import"./chunk-M24Y5IQ2.mjs";export{a as useChip};

package/package.json

@@ -1,20 +1,19 @@
 {
   "name": "@jamsrui/chip",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "peerDependencies": {
     "react": ">=19"
   },
   "dependencies": {
-    "@jamsrui/hooks": "^0.0.9",
-    "@jamsrui/core": "^0.0.8",
-    "@jamsrui/icons": "^0.0.8",
-    "@jamsrui/utils": "^0.0.9"
+    "@jamsrui/hooks": "^0.0.10",
+    "@jamsrui/core": "^0.0.9",
+    "@jamsrui/icons": "^0.0.9",
+    "@jamsrui/utils": "^0.0.10"
   },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.mjs"
     }
   },
   "description": "A modern and beautiful Next.js UI components library.",