@jamsrui/chip 0.0.8 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +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};
1
+ import{a}from"./chunk-TQ2CHG5Q.mjs";import"./chunk-4H2Z2ASN.mjs";export{a as ChipCloseButton};
@@ -7,7 +7,6 @@ import './chip-close-button.mjs';
7
7
  import './chip-content.mjs';
8
8
  import './chip-dot.mjs';
9
9
  import './styles.mjs';
10
- import 'tailwind-variants';
11
10
 
12
11
  declare const useChipConfig: () => ChipConfig.Props;
13
12
  declare const ChipConfig: (props: Omit<Partial<ChipConfig.Props>, "children"> & {
@@ -1 +1 @@
1
- import{createConfigContext as o}from"@jamsrui/utils";const[i,r]=o({displayName:"ChipConfig"});export{i as ChipConfig,r as useChipConfig};
1
+ import{a,b}from"./chunk-KP46X2A7.mjs";export{a as ChipConfig,b as useChipConfig};
@@ -1 +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};
1
+ import{a}from"./chunk-7QJFLK5W.mjs";import"./chunk-TE6RQZ6F.mjs";import"./chunk-4H2Z2ASN.mjs";export{a as ChipContent};
@@ -6,7 +6,6 @@ import './chip-close-button.mjs';
6
6
  import './chip-content.mjs';
7
7
  import './chip-dot.mjs';
8
8
  import './styles.mjs';
9
- import 'tailwind-variants';
10
9
 
11
10
  declare const useChipContext: () => ChipContext.Props;
12
11
  declare const ChipContext: react.Context<ChipContext.Props | null>;
@@ -1 +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};
1
+ import{a,b}from"./chunk-4H2Z2ASN.mjs";export{a as ChipContext,b as useChipContext};
package/dist/chip-dot.mjs CHANGED
@@ -1 +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};
1
+ import{a}from"./chunk-TE6RQZ6F.mjs";import"./chunk-4H2Z2ASN.mjs";export{a as ChipDot};
package/dist/chip.d.mts CHANGED
@@ -6,4 +6,3 @@ import './chip-close-button.mjs';
6
6
  import './chip-content.mjs';
7
7
  import './chip-dot.mjs';
8
8
  import './styles.mjs';
9
- import 'tailwind-variants';
package/dist/chip.mjs CHANGED
@@ -1 +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};
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
1
+ import{createConfigContext as o}from"@jamsrui/utils";var[i,r]=o({displayName:"ChipConfig"});export{i as a,r as b};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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};
@@ -0,0 +1 @@
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.d.mts CHANGED
@@ -7,5 +7,4 @@ import './chip-close-button.mjs';
7
7
  import './chip-content.mjs';
8
8
  import './chip-dot.mjs';
9
9
  import './styles.mjs';
10
- import 'tailwind-variants';
11
10
  import '@jamsrui/core';
package/dist/index.mjs CHANGED
@@ -1 +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};
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};
package/dist/styles.d.mts CHANGED
@@ -1,8 +1,7 @@
1
- import * as tailwind_variants from 'tailwind-variants';
1
+ import * as _jamsrui_utils from '@jamsrui/utils';
2
2
  import { VariantProps } from '@jamsrui/utils';
3
3
 
4
- declare const test = "";
5
- declare const chipVariants: tailwind_variants.TVReturnType<{
4
+ declare const chipVariants: _jamsrui_utils.TVReturnType<{
6
5
  variant: {
7
6
  solid: {};
8
7
  bordered: {
@@ -128,7 +127,7 @@ declare const chipVariants: tailwind_variants.TVReturnType<{
128
127
  content: string;
129
128
  closeButton: string;
130
129
  dot: string;
131
- }, tailwind_variants.TVReturnType<{
130
+ }, _jamsrui_utils.TVReturnType<{
132
131
  variant: {
133
132
  solid: {};
134
133
  bordered: {
@@ -195,4 +194,4 @@ declare const chipVariants: tailwind_variants.TVReturnType<{
195
194
  type ChipVariantsProps = VariantProps<typeof chipVariants>;
196
195
  type ChipSlots = keyof ReturnType<typeof chipVariants>;
197
196
 
198
- export { type ChipSlots, type ChipVariantsProps, chipVariants, test };
197
+ export { type ChipSlots, type ChipVariantsProps, chipVariants };
package/dist/styles.mjs CHANGED
@@ -1 +1 @@
1
- import{allColors as e,colorVariants as t,radiusVariant as a,tv as s}from"@jamsrui/utils";const i="",d=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-2"},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-2"}},radius:a("root")},compoundVariants:[...["solid","bordered","flat"].flatMap(o=>e.map(r=>({variant:o,color:r,className:{root:t[o][r]}}))),...e.map(o=>({variant:"dot",color:o,className:{dot:t.solid[o]}})),{variant:"dot",color:"primary",className:{dot:"outline-primary-stroke"}},{variant:"dot",color:"secondary",className:{dot:"outline-secondary-stroke"}},{variant:"dot",color:"success",className:{dot:"outline-success-stroke"}},{variant:"dot",color:"warning",className:{dot:"outline-warning-stroke"}},{variant:"dot",color:"danger",className:{dot:"outline-danger-stroke"}},{variant:"dot",color:"default",className:{dot:"outline-default-stroke"}},{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{d as chipVariants,i as test};
1
+ import{a}from"./chunk-M24Y5IQ2.mjs";export{a as chipVariants};
@@ -6,4 +6,3 @@ import './chip-content.mjs';
6
6
  import './chip-dot.mjs';
7
7
  import './styles.mjs';
8
8
  import 'react/jsx-runtime';
9
- import 'tailwind-variants';
package/dist/use-chip.mjs CHANGED
@@ -1 +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};
1
+ import{a}from"./chunk-74QYMEQ2.mjs";import"./chunk-M24Y5IQ2.mjs";export{a as useChip};
package/package.json CHANGED
@@ -1,20 +1,19 @@
1
1
  {
2
2
  "name": "@jamsrui/chip",
3
- "version": "0.0.8",
3
+ "version": "0.0.10",
4
4
  "peerDependencies": {
5
5
  "react": ">=19"
6
6
  },
7
7
  "dependencies": {
8
- "@jamsrui/hooks": "^0.0.8",
9
- "@jamsrui/utils": "^0.0.8",
10
- "@jamsrui/core": "^0.0.7",
11
- "@jamsrui/icons": "^0.0.7"
8
+ "@jamsrui/hooks": "^0.0.10",
9
+ "@jamsrui/core": "^0.0.9",
10
+ "@jamsrui/icons": "^0.0.9",
11
+ "@jamsrui/utils": "^0.0.10"
12
12
  },
13
13
  "exports": {
14
14
  ".": {
15
15
  "types": "./dist/index.d.ts",
16
- "import": "./dist/index.mjs",
17
- "require": "./dist/index.js"
16
+ "import": "./dist/index.mjs"
18
17
  }
19
18
  },
20
19
  "description": "A modern and beautiful Next.js UI components library.",