@jamsrui/chip 0.0.2 → 0.0.3

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.
Files changed (45) hide show
  1. package/dist/chip-close-button.mjs +1 -1
  2. package/dist/chip-config.mjs +1 -1
  3. package/dist/chip-content.mjs +1 -1
  4. package/dist/chip-context.mjs +1 -1
  5. package/dist/chip-dot.mjs +1 -1
  6. package/dist/chip.mjs +1 -1
  7. package/dist/index.mjs +1 -1
  8. package/dist/styles.mjs +1 -1
  9. package/dist/use-chip.mjs +1 -1
  10. package/package.json +5 -5
  11. package/dist/chip-C7yJPqfu.d.ts +0 -38
  12. package/dist/chip-close-button.d.ts +0 -10
  13. package/dist/chip-close-button.js +0 -1
  14. package/dist/chip-config.d.ts +0 -20
  15. package/dist/chip-config.js +0 -1
  16. package/dist/chip-content.d.ts +0 -10
  17. package/dist/chip-content.js +0 -1
  18. package/dist/chip-context.d.ts +0 -17
  19. package/dist/chip-context.js +0 -1
  20. package/dist/chip-dot.d.ts +0 -10
  21. package/dist/chip-dot.js +0 -1
  22. package/dist/chip.d.ts +0 -8
  23. package/dist/chip.js +0 -1
  24. package/dist/chunk-3KMI7JIP.mjs +0 -1
  25. package/dist/chunk-3VI6BP67.js +0 -1
  26. package/dist/chunk-4H2Z2ASN.mjs +0 -1
  27. package/dist/chunk-5HQEHY4K.js +0 -1
  28. package/dist/chunk-6F22X76U.mjs +0 -1
  29. package/dist/chunk-7BP5RLQ5.js +0 -1
  30. package/dist/chunk-AMWZMZZC.js +0 -1
  31. package/dist/chunk-B2ADOOVC.mjs +0 -1
  32. package/dist/chunk-JLLK7HZB.mjs +0 -1
  33. package/dist/chunk-KP46X2A7.mjs +0 -1
  34. package/dist/chunk-N7TA4NVO.js +0 -1
  35. package/dist/chunk-RCAMC7VH.js +0 -1
  36. package/dist/chunk-TE6RQZ6F.mjs +0 -1
  37. package/dist/chunk-UTUSQPRM.mjs +0 -1
  38. package/dist/chunk-W552XON3.js +0 -1
  39. package/dist/chunk-ZCUCDCFP.js +0 -1
  40. package/dist/index.d.ts +0 -10
  41. package/dist/index.js +0 -1
  42. package/dist/styles.d.ts +0 -198
  43. package/dist/styles.js +0 -1
  44. package/dist/use-chip.d.ts +0 -8
  45. package/dist/use-chip.js +0 -1
@@ -1 +1 @@
1
- import{a}from"./chunk-6F22X76U.mjs";import"./chunk-4H2Z2ASN.mjs";export{a as ChipCloseButton};
1
+ import{useRenderElement as r}from"@jamsrui/hooks";import{CloseFilledIcon as s}from"@jamsrui/icons";import{useChipContext as n}from"./chip-context";const u=e=>{const{getCloseButtonProps:o}=n(),t=React.createElement(s,{className:"size-4"});return r("button",{props:[o(e),{children:t}]})};export{u as ChipCloseButton};
@@ -1 +1 @@
1
- import{a,b}from"./chunk-KP46X2A7.mjs";export{a as ChipConfig,b as useChipConfig};
1
+ import{createConfigContext as o}from"@jamsrui/utils";const[i,r]=o({displayName:"ChipConfig"});export{i as ChipConfig,r as useChipConfig};
@@ -1 +1 @@
1
- import{a}from"./chunk-3KMI7JIP.mjs";import"./chunk-TE6RQZ6F.mjs";import"./chunk-4H2Z2ASN.mjs";export{a as ChipContent};
1
+ import{useRenderElement as s}from"@jamsrui/hooks";import{useChipContext as m}from"./chip-context";import{ChipDot as C}from"./chip-dot";const l=t=>{const{children:e}=t,{getContentProps:n,startContent:o,endContent:r,isDotVariant:p}=m(),i=React.createElement(React.Fragment,null,o,!!p&&React.createElement(C,null),e,r);return s("div",{props:[n(t),{children:i}]})};export{l as ChipContent};
@@ -1 +1 @@
1
- import{a,b}from"./chunk-4H2Z2ASN.mjs";export{a as ChipContext,b as useChipContext};
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};
package/dist/chip-dot.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-TE6RQZ6F.mjs";import"./chunk-4H2Z2ASN.mjs";export{a as ChipDot};
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};
package/dist/chip.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-B2ADOOVC.mjs";import"./chunk-UTUSQPRM.mjs";import"./chunk-6F22X76U.mjs";import"./chunk-KP46X2A7.mjs";import"./chunk-3KMI7JIP.mjs";import"./chunk-TE6RQZ6F.mjs";import"./chunk-4H2Z2ASN.mjs";import"./chunk-JLLK7HZB.mjs";export{a as Chip};
1
+ import{useRenderElement as C}from"@jamsrui/hooks";import{mergeConfigProps as c}from"@jamsrui/utils";import{ChipCloseButton as h}from"./chip-close-button";import{useChipConfig as f}from"./chip-config";import{ChipContent as d}from"./chip-content";import{ChipContext as l}from"./chip-context";import{useChip as u}from"./use-chip";const b=o=>{const{children:r}=o,e=f(),n=c(e,e,o),t=u(n),{getRootProps:i,isClosable:p}=t,s=React.createElement(React.Fragment,null,React.createElement(d,null,r),!!p&&React.createElement(h,null)),m=C("div",{props:[i(o),{children:s}]});return React.createElement(l,{value:t},m)};export{b as Chip};
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- "use client";import{a as e}from"./chunk-B2ADOOVC.mjs";import"./chunk-UTUSQPRM.mjs";import"./chunk-6F22X76U.mjs";import{a as i,b as o}from"./chunk-KP46X2A7.mjs";import"./chunk-3KMI7JIP.mjs";import"./chunk-TE6RQZ6F.mjs";import"./chunk-4H2Z2ASN.mjs";import"./chunk-JLLK7HZB.mjs";export{e as Chip,i as ChipConfig,o as useChipConfig};
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};
package/dist/styles.mjs CHANGED
@@ -1 +1 @@
1
- import{a,b}from"./chunk-JLLK7HZB.mjs";export{b as chipVariants,a as test};
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};
package/dist/use-chip.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-UTUSQPRM.mjs";import"./chunk-JLLK7HZB.mjs";export{a as useChip};
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};
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@jamsrui/chip",
3
- "version": "0.0.2",
3
+ "version": "0.0.3",
4
4
  "peerDependencies": {
5
5
  "react": ">=19"
6
6
  },
7
7
  "dependencies": {
8
- "@jamsrui/core": "^0.0.2",
9
- "@jamsrui/icons": "^0.0.2",
10
- "@jamsrui/utils": "^0.0.2",
11
- "@jamsrui/hooks": "^0.0.2"
8
+ "@jamsrui/hooks": "^0.0.3",
9
+ "@jamsrui/core": "^0.0.3",
10
+ "@jamsrui/utils": "^0.0.3",
11
+ "@jamsrui/icons": "^0.0.3"
12
12
  },
13
13
  "exports": {
14
14
  ".": {
@@ -1,38 +0,0 @@
1
- import * as react from 'react';
2
- import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
3
- import { ChipCloseButton } from './chip-close-button.js';
4
- import { ChipContent } from './chip-content.js';
5
- import { ChipDot } from './chip-dot.js';
6
- import { ChipVariantsProps, ChipSlots } from './styles.js';
7
-
8
- declare const useChip: (props: useChip.Props) => {
9
- getRootProps: PropGetter<Chip.Props>;
10
- getContentProps: PropGetter<ChipContent.Props>;
11
- getCloseButtonProps: PropGetter<ChipCloseButton.Props>;
12
- getDotProps: PropGetter<ChipDot.Props>;
13
- startContent: react.ReactNode;
14
- endContent: react.ReactNode;
15
- isClosable: boolean;
16
- isDotVariant: boolean;
17
- };
18
- declare namespace useChip {
19
- interface Props extends UIProps<"div">, ChipVariantsProps {
20
- startContent?: React.ReactNode;
21
- endContent?: React.ReactNode;
22
- onClose?: () => void;
23
- classNames?: SlotsToClassNames<ChipSlots>;
24
- slotProps?: {
25
- content?: ChipContent.Props;
26
- closeButton?: ChipCloseButton.Props;
27
- dot?: ChipDot.Props;
28
- };
29
- }
30
- }
31
-
32
- declare const Chip: (props: Chip.Props) => react.JSX.Element;
33
- declare namespace Chip {
34
- interface Props extends useChip.Props {
35
- }
36
- }
37
-
38
- export { Chip as C, useChip as u };
@@ -1,10 +0,0 @@
1
- import * as react from 'react';
2
- import { UIProps } from '@jamsrui/utils';
3
-
4
- declare const ChipCloseButton: (props: ChipCloseButton.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
5
- declare namespace ChipCloseButton {
6
- interface Props extends UIProps<"button"> {
7
- }
8
- }
9
-
10
- export { ChipCloseButton };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkW552XON3js = require('./chunk-W552XON3.js');require('./chunk-3VI6BP67.js');exports.ChipCloseButton = _chunkW552XON3js.a;
@@ -1,20 +0,0 @@
1
- import { C as Chip } from './chip-C7yJPqfu.js';
2
- import * as react from 'react';
3
- import { GlobalConfigProps } from '@jamsrui/core';
4
- import '@jamsrui/utils';
5
- import './chip-close-button.js';
6
- import './chip-content.js';
7
- import './chip-dot.js';
8
- import './styles.js';
9
- import 'tailwind-variants';
10
-
11
- declare const useChipConfig: () => ChipConfig.Props;
12
- declare const ChipConfig: (props: ChipConfig.Props & {
13
- merge?: boolean;
14
- }) => react.JSX.Element;
15
- declare namespace ChipConfig {
16
- interface Props extends Chip.Props, GlobalConfigProps<Chip.Props> {
17
- }
18
- }
19
-
20
- export { ChipConfig, useChipConfig };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkN7TA4NVOjs = require('./chunk-N7TA4NVO.js');exports.ChipConfig = _chunkN7TA4NVOjs.a; exports.useChipConfig = _chunkN7TA4NVOjs.b;
@@ -1,10 +0,0 @@
1
- import * as react from 'react';
2
- import { UIProps } from '@jamsrui/utils';
3
-
4
- declare const ChipContent: (props: ChipContent.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
5
- declare namespace ChipContent {
6
- interface Props extends UIProps<"div"> {
7
- }
8
- }
9
-
10
- export { ChipContent };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZCUCDCFPjs = require('./chunk-ZCUCDCFP.js');require('./chunk-5HQEHY4K.js');require('./chunk-3VI6BP67.js');exports.ChipContent = _chunkZCUCDCFPjs.a;
@@ -1,17 +0,0 @@
1
- import * as react from 'react';
2
- import { u as useChip } from './chip-C7yJPqfu.js';
3
- import '@jamsrui/utils';
4
- import './chip-close-button.js';
5
- import './chip-content.js';
6
- import './chip-dot.js';
7
- import './styles.js';
8
- import 'tailwind-variants';
9
-
10
- declare const useChipContext: () => ChipContext.Props;
11
- declare const ChipContext: react.Context<ChipContext.Props | null>;
12
- declare namespace ChipContext {
13
- interface Props extends ReturnType<typeof useChip> {
14
- }
15
- }
16
-
17
- export { ChipContext, useChipContext };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk3VI6BP67js = require('./chunk-3VI6BP67.js');exports.ChipContext = _chunk3VI6BP67js.a; exports.useChipContext = _chunk3VI6BP67js.b;
@@ -1,10 +0,0 @@
1
- import * as react from 'react';
2
- import { UIProps } from '@jamsrui/utils';
3
-
4
- declare const ChipDot: (props: ChipDot.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
5
- declare namespace ChipDot {
6
- interface Props extends UIProps<"div"> {
7
- }
8
- }
9
-
10
- export { ChipDot };
package/dist/chip-dot.js DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5HQEHY4Kjs = require('./chunk-5HQEHY4K.js');require('./chunk-3VI6BP67.js');exports.ChipDot = _chunk5HQEHY4Kjs.a;
package/dist/chip.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import 'react';
2
- export { C as Chip } from './chip-C7yJPqfu.js';
3
- import '@jamsrui/utils';
4
- import './chip-close-button.js';
5
- import './chip-content.js';
6
- import './chip-dot.js';
7
- import './styles.js';
8
- import 'tailwind-variants';
package/dist/chip.js DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk7BP5RLQ5js = require('./chunk-7BP5RLQ5.js');require('./chunk-RCAMC7VH.js');require('./chunk-W552XON3.js');require('./chunk-N7TA4NVO.js');require('./chunk-ZCUCDCFP.js');require('./chunk-5HQEHY4K.js');require('./chunk-3VI6BP67.js');require('./chunk-AMWZMZZC.js');exports.Chip = _chunk7BP5RLQ5js.a;
@@ -1 +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";var l=t=>{let{children:o}=t,{getContentProps:r,startContent:p,endContent:i,isDotVariant:s}=e(),m=React.createElement(React.Fragment,null,p,!!s&&React.createElement(n,null),o,i);return C("div",{props:[r(t),{children:m}]})};export{l as a};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('react');var p=_react.createContext.call(void 0, null),r= exports.b =()=>{let t=_react.use.call(void 0, p);if(!t)throw new Error("useChipContext must be used within a ChipContext");return t};exports.a = p; exports.b = r;
@@ -1 +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};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk3VI6BP67js = require('./chunk-3VI6BP67.js');var _hooks = require('@jamsrui/hooks');var i=r=>{let{getDotProps:t}=_chunk3VI6BP67js.b.call(void 0, );return _hooks.useRenderElement.call(void 0, "div",{props:[t(r)]})};exports.a = i;
@@ -1 +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";var u=o=>{let{getCloseButtonProps:t}=e(),r=React.createElement(n,{className:"size-4"});return s("button",{props:[t(o),{children:r}]})};export{u as a};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkRCAMC7VHjs = require('./chunk-RCAMC7VH.js');var _chunkW552XON3js = require('./chunk-W552XON3.js');var _chunkN7TA4NVOjs = require('./chunk-N7TA4NVO.js');var _chunkZCUCDCFPjs = require('./chunk-ZCUCDCFP.js');var _chunk3VI6BP67js = require('./chunk-3VI6BP67.js');var _hooks = require('@jamsrui/hooks');var _utils = require('@jamsrui/utils');var b=o=>{let{children:m}=o,e=_chunkN7TA4NVOjs.b.call(void 0, ),C=_utils.mergeConfigProps.call(void 0, e,e,o),t=_chunkRCAMC7VHjs.a.call(void 0, C),{getRootProps:c,isClosable:h}=t,f=React.createElement(React.Fragment,null,React.createElement(_chunkZCUCDCFPjs.a,null,m),!!h&&React.createElement(_chunkW552XON3js.a,null)),d=_hooks.useRenderElement.call(void 0, "div",{props:[c(o),{children:f}]});return React.createElement(_chunk3VI6BP67js.a,{value:t},d)};exports.a = b;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var i="",d= exports.b =_utils.tv.call(void 0, {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:_utils.radiusVariant.call(void 0, "root")},compoundVariants:[...["solid","bordered","flat"].flatMap(o=>_utils.allColors.map(r=>({variant:o,color:r,className:{root:_utils.colorVariants[o][r]}}))),..._utils.allColors.map(o=>({variant:"dot",color:o,className:{dot:_utils.colorVariants.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"}});exports.a = i; exports.b = d;
@@ -1 +0,0 @@
1
- import{a as s}from"./chunk-UTUSQPRM.mjs";import{a as n}from"./chunk-6F22X76U.mjs";import{b as i}from"./chunk-KP46X2A7.mjs";import{a as p}from"./chunk-3KMI7JIP.mjs";import{a as r}from"./chunk-4H2Z2ASN.mjs";import{useRenderElement as l}from"@jamsrui/hooks";import{mergeConfigProps as u}from"@jamsrui/utils";var b=o=>{let{children:m}=o,e=i(),C=u(e,e,o),t=s(C),{getRootProps:c,isClosable:h}=t,f=React.createElement(React.Fragment,null,React.createElement(p,null,m),!!h&&React.createElement(n,null)),d=l("div",{props:[c(o),{children:f}]});return React.createElement(r,{value:t},d)};export{b as a};
@@ -1 +0,0 @@
1
- import{allColors as e,colorVariants as t,radiusVariant as a,tv as s}from"@jamsrui/utils";var 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{i as a,d as b};
@@ -1 +0,0 @@
1
- import{createConfigContext as o}from"@jamsrui/utils";var[i,r]=o({displayName:"ChipConfig"});export{i as a,r as b};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var[i,r]=_utils.createConfigContext.call(void 0, {displayName:"ChipConfig"});exports.a = i; exports.b = r;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkAMWZMZZCjs = require('./chunk-AMWZMZZC.js');var _react = require('react');var _utils = require('@jamsrui/utils');var b=y=>{let[v,m]=_utils.mapPropsVariants.call(void 0, y,_chunkAMWZMZZCjs.b.variantKeys),{startContent:C,endContent:P,onClose:p,classNames:o,slotProps:t,...c}=v,s=_chunkAMWZMZZCjs.b.call(void 0, m),h=typeof p=="function",d=m.variant==="dot",u=_react.useCallback.call(void 0, ()=>({"data-slot":_utils.dataAttrDev.call(void 0, "root"),"data-component":_utils.dataAttrDev.call(void 0, "chip"),...c,className:s.root({className:_utils.cn.call(void 0, _optionalChain([o, 'optionalAccess', _ => _.root]),c.className)})}),[_optionalChain([o, 'optionalAccess', _2 => _2.root]),c,s]),N=_react.useCallback.call(void 0, e=>({..._utils.mergeProps.call(void 0, _optionalChain([t, 'optionalAccess', _3 => _3.content]),e),"data-slot":_utils.dataAttrDev.call(void 0, "content"),className:s.content({className:_utils.cn.call(void 0, _optionalChain([t, 'optionalAccess', _4 => _4.content, 'optionalAccess', _5 => _5.className]),_optionalChain([o, 'optionalAccess', _6 => _6.content]),e.className)})}),[_optionalChain([o, 'optionalAccess', _7 => _7.content]),_optionalChain([t, 'optionalAccess', _8 => _8.content]),s]),f=_react.useCallback.call(void 0, e=>({..._utils.mergeProps.call(void 0, _optionalChain([t, 'optionalAccess', _9 => _9.closeButton]),e,{onClick:p}),"data-slot":_utils.dataAttrDev.call(void 0, "close-button"),className:s.closeButton({className:_utils.cn.call(void 0, _optionalChain([t, 'optionalAccess', _10 => _10.closeButton, 'optionalAccess', _11 => _11.className]),_optionalChain([o, 'optionalAccess', _12 => _12.closeButton]),e.className)})}),[_optionalChain([o, 'optionalAccess', _13 => _13.closeButton]),p,_optionalChain([t, 'optionalAccess', _14 => _14.closeButton]),s]),B=_react.useCallback.call(void 0, e=>({..._utils.mergeProps.call(void 0, _optionalChain([t, 'optionalAccess', _15 => _15.dot]),e),"data-slot":_utils.dataAttrDev.call(void 0, "dot"),className:s.dot({className:_utils.cn.call(void 0, _optionalChain([t, 'optionalAccess', _16 => _16.dot, 'optionalAccess', _17 => _17.className]),_optionalChain([o, 'optionalAccess', _18 => _18.dot]),e.className)})}),[_optionalChain([o, 'optionalAccess', _19 => _19.dot]),_optionalChain([t, 'optionalAccess', _20 => _20.dot]),s]);return _react.useMemo.call(void 0, ()=>({getRootProps:u,getContentProps:N,getCloseButtonProps:f,getDotProps:B,startContent:C,endContent:P,isClosable:h,isDotVariant:d}),[P,f,N,B,u,C,h,d])};exports.a = b;
@@ -1 +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};
@@ -1 +0,0 @@
1
- import{b as l}from"./chunk-JLLK7HZB.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};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk3VI6BP67js = require('./chunk-3VI6BP67.js');var _hooks = require('@jamsrui/hooks');var _icons = require('@jamsrui/icons');var u=o=>{let{getCloseButtonProps:t}=_chunk3VI6BP67js.b.call(void 0, ),r=React.createElement(_icons.CloseFilledIcon,{className:"size-4"});return _hooks.useRenderElement.call(void 0, "button",{props:[t(o),{children:r}]})};exports.a = u;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5HQEHY4Kjs = require('./chunk-5HQEHY4K.js');var _chunk3VI6BP67js = require('./chunk-3VI6BP67.js');var _hooks = require('@jamsrui/hooks');var l=t=>{let{children:o}=t,{getContentProps:r,startContent:p,endContent:i,isDotVariant:s}=_chunk3VI6BP67js.b.call(void 0, ),m=React.createElement(React.Fragment,null,p,!!s&&React.createElement(_chunk5HQEHY4Kjs.a,null),o,i);return _hooks.useRenderElement.call(void 0, "div",{props:[r(t),{children:m}]})};exports.a = l;
package/dist/index.d.ts DELETED
@@ -1,10 +0,0 @@
1
- export { C as Chip } from './chip-C7yJPqfu.js';
2
- export { ChipConfig, useChipConfig } from './chip-config.js';
3
- import 'react';
4
- import '@jamsrui/utils';
5
- import './chip-close-button.js';
6
- import './chip-content.js';
7
- import './chip-dot.js';
8
- import './styles.js';
9
- import 'tailwind-variants';
10
- import '@jamsrui/core';
package/dist/index.js DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunk7BP5RLQ5js = require('./chunk-7BP5RLQ5.js');require('./chunk-RCAMC7VH.js');require('./chunk-W552XON3.js');var _chunkN7TA4NVOjs = require('./chunk-N7TA4NVO.js');require('./chunk-ZCUCDCFP.js');require('./chunk-5HQEHY4K.js');require('./chunk-3VI6BP67.js');require('./chunk-AMWZMZZC.js');exports.Chip = _chunk7BP5RLQ5js.a; exports.ChipConfig = _chunkN7TA4NVOjs.a; exports.useChipConfig = _chunkN7TA4NVOjs.b;
package/dist/styles.d.ts DELETED
@@ -1,198 +0,0 @@
1
- import * as tailwind_variants from 'tailwind-variants';
2
- import { VariantProps } from '@jamsrui/utils';
3
-
4
- declare const test = "";
5
- declare const chipVariants: tailwind_variants.TVReturnType<{
6
- variant: {
7
- solid: {};
8
- bordered: {
9
- root: string;
10
- };
11
- flat: {};
12
- dot: {
13
- dot: string;
14
- };
15
- };
16
- size: {
17
- xs: {
18
- root: string;
19
- content: string;
20
- };
21
- sm: {
22
- root: string;
23
- content: string;
24
- };
25
- md: {
26
- root: string;
27
- content: string;
28
- };
29
- lg: {
30
- root: string;
31
- content: string;
32
- };
33
- };
34
- color: {
35
- default: string;
36
- primary: string;
37
- secondary: string;
38
- success: string;
39
- warning: string;
40
- danger: string;
41
- };
42
- isSquare: {
43
- true: {
44
- root: string;
45
- content: string;
46
- };
47
- };
48
- isBordered: {
49
- true: {
50
- root: string;
51
- };
52
- };
53
- radius: {
54
- sm: {};
55
- md: {};
56
- lg: {};
57
- xl: {};
58
- "2xl": {};
59
- "3xl": {};
60
- full: {};
61
- none: {};
62
- };
63
- }, {
64
- root: string;
65
- content: string;
66
- closeButton: string;
67
- dot: string;
68
- }, undefined, {
69
- variant: {
70
- solid: {};
71
- bordered: {
72
- root: string;
73
- };
74
- flat: {};
75
- dot: {
76
- dot: string;
77
- };
78
- };
79
- size: {
80
- xs: {
81
- root: string;
82
- content: string;
83
- };
84
- sm: {
85
- root: string;
86
- content: string;
87
- };
88
- md: {
89
- root: string;
90
- content: string;
91
- };
92
- lg: {
93
- root: string;
94
- content: string;
95
- };
96
- };
97
- color: {
98
- default: string;
99
- primary: string;
100
- secondary: string;
101
- success: string;
102
- warning: string;
103
- danger: string;
104
- };
105
- isSquare: {
106
- true: {
107
- root: string;
108
- content: string;
109
- };
110
- };
111
- isBordered: {
112
- true: {
113
- root: string;
114
- };
115
- };
116
- radius: {
117
- sm: {};
118
- md: {};
119
- lg: {};
120
- xl: {};
121
- "2xl": {};
122
- "3xl": {};
123
- full: {};
124
- none: {};
125
- };
126
- }, {
127
- root: string;
128
- content: string;
129
- closeButton: string;
130
- dot: string;
131
- }, tailwind_variants.TVReturnType<{
132
- variant: {
133
- solid: {};
134
- bordered: {
135
- root: string;
136
- };
137
- flat: {};
138
- dot: {
139
- dot: string;
140
- };
141
- };
142
- size: {
143
- xs: {
144
- root: string;
145
- content: string;
146
- };
147
- sm: {
148
- root: string;
149
- content: string;
150
- };
151
- md: {
152
- root: string;
153
- content: string;
154
- };
155
- lg: {
156
- root: string;
157
- content: string;
158
- };
159
- };
160
- color: {
161
- default: string;
162
- primary: string;
163
- secondary: string;
164
- success: string;
165
- warning: string;
166
- danger: string;
167
- };
168
- isSquare: {
169
- true: {
170
- root: string;
171
- content: string;
172
- };
173
- };
174
- isBordered: {
175
- true: {
176
- root: string;
177
- };
178
- };
179
- radius: {
180
- sm: {};
181
- md: {};
182
- lg: {};
183
- xl: {};
184
- "2xl": {};
185
- "3xl": {};
186
- full: {};
187
- none: {};
188
- };
189
- }, {
190
- root: string;
191
- content: string;
192
- closeButton: string;
193
- dot: string;
194
- }, undefined, unknown, unknown, undefined>>;
195
- type ChipVariantsProps = VariantProps<typeof chipVariants>;
196
- type ChipSlots = keyof ReturnType<typeof chipVariants>;
197
-
198
- export { type ChipSlots, type ChipVariantsProps, chipVariants, test };
package/dist/styles.js DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkAMWZMZZCjs = require('./chunk-AMWZMZZC.js');exports.chipVariants = _chunkAMWZMZZCjs.b; exports.test = _chunkAMWZMZZCjs.a;
@@ -1,8 +0,0 @@
1
- import 'react';
2
- import '@jamsrui/utils';
3
- export { u as useChip } from './chip-C7yJPqfu.js';
4
- import './chip-close-button.js';
5
- import './chip-content.js';
6
- import './chip-dot.js';
7
- import './styles.js';
8
- import 'tailwind-variants';
package/dist/use-chip.js DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkRCAMC7VHjs = require('./chunk-RCAMC7VH.js');require('./chunk-AMWZMZZC.js');exports.useChip = _chunkRCAMC7VHjs.a;