@jamsrui/chip 0.0.2 → 0.0.4
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.
- package/dist/chip-close-button.mjs +1 -1
- package/dist/chip-config.mjs +1 -1
- package/dist/chip-content.mjs +1 -1
- package/dist/chip-context.mjs +1 -1
- package/dist/chip-dot.mjs +1 -1
- package/dist/chip.mjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/styles.mjs +1 -1
- package/dist/use-chip.mjs +1 -1
- package/package.json +5 -5
- package/dist/chip-C7yJPqfu.d.ts +0 -38
- package/dist/chip-close-button.d.ts +0 -10
- package/dist/chip-close-button.js +0 -1
- package/dist/chip-config.d.ts +0 -20
- package/dist/chip-config.js +0 -1
- package/dist/chip-content.d.ts +0 -10
- package/dist/chip-content.js +0 -1
- package/dist/chip-context.d.ts +0 -17
- package/dist/chip-context.js +0 -1
- package/dist/chip-dot.d.ts +0 -10
- package/dist/chip-dot.js +0 -1
- package/dist/chip.d.ts +0 -8
- package/dist/chip.js +0 -1
- package/dist/chunk-3KMI7JIP.mjs +0 -1
- package/dist/chunk-3VI6BP67.js +0 -1
- package/dist/chunk-4H2Z2ASN.mjs +0 -1
- package/dist/chunk-5HQEHY4K.js +0 -1
- package/dist/chunk-6F22X76U.mjs +0 -1
- package/dist/chunk-7BP5RLQ5.js +0 -1
- package/dist/chunk-AMWZMZZC.js +0 -1
- package/dist/chunk-B2ADOOVC.mjs +0 -1
- package/dist/chunk-JLLK7HZB.mjs +0 -1
- package/dist/chunk-KP46X2A7.mjs +0 -1
- package/dist/chunk-N7TA4NVO.js +0 -1
- package/dist/chunk-RCAMC7VH.js +0 -1
- package/dist/chunk-TE6RQZ6F.mjs +0 -1
- package/dist/chunk-UTUSQPRM.mjs +0 -1
- package/dist/chunk-W552XON3.js +0 -1
- package/dist/chunk-ZCUCDCFP.js +0 -1
- package/dist/index.d.ts +0 -10
- package/dist/index.js +0 -1
- package/dist/styles.d.ts +0 -198
- package/dist/styles.js +0 -1
- package/dist/use-chip.d.ts +0 -8
- package/dist/use-chip.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
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};
|
package/dist/chip-config.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{createConfigContext as o}from"@jamsrui/utils";const[i,r]=o({displayName:"ChipConfig"});export{i as ChipConfig,r as useChipConfig};
|
package/dist/chip-content.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
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};
|
package/dist/chip-context.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
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{
|
|
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{
|
|
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{
|
|
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,
|
|
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"
|
|
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.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"react": ">=19"
|
|
6
6
|
},
|
|
7
7
|
"dependencies": {
|
|
8
|
-
"@jamsrui/core": "^0.0.
|
|
9
|
-
"@jamsrui/icons": "^0.0.
|
|
10
|
-
"@jamsrui/utils": "^0.0.
|
|
11
|
-
"@jamsrui/hooks": "^0.0.
|
|
8
|
+
"@jamsrui/core": "^0.0.4",
|
|
9
|
+
"@jamsrui/icons": "^0.0.4",
|
|
10
|
+
"@jamsrui/utils": "^0.0.4",
|
|
11
|
+
"@jamsrui/hooks": "^0.0.4"
|
|
12
12
|
},
|
|
13
13
|
"exports": {
|
|
14
14
|
".": {
|
package/dist/chip-C7yJPqfu.d.ts
DELETED
|
@@ -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;
|
package/dist/chip-config.d.ts
DELETED
|
@@ -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 };
|
package/dist/chip-config.js
DELETED
|
@@ -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;
|
package/dist/chip-content.d.ts
DELETED
|
@@ -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 };
|
package/dist/chip-content.js
DELETED
|
@@ -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;
|
package/dist/chip-context.d.ts
DELETED
|
@@ -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 };
|
package/dist/chip-context.js
DELETED
|
@@ -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;
|
package/dist/chip-dot.d.ts
DELETED
|
@@ -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
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;
|
package/dist/chunk-3KMI7JIP.mjs
DELETED
|
@@ -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};
|
package/dist/chunk-3VI6BP67.js
DELETED
|
@@ -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;
|
package/dist/chunk-4H2Z2ASN.mjs
DELETED
|
@@ -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};
|
package/dist/chunk-5HQEHY4K.js
DELETED
|
@@ -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;
|
package/dist/chunk-6F22X76U.mjs
DELETED
|
@@ -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};
|
package/dist/chunk-7BP5RLQ5.js
DELETED
|
@@ -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;
|
package/dist/chunk-AMWZMZZC.js
DELETED
|
@@ -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;
|
package/dist/chunk-B2ADOOVC.mjs
DELETED
|
@@ -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};
|
package/dist/chunk-JLLK7HZB.mjs
DELETED
|
@@ -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};
|
package/dist/chunk-KP46X2A7.mjs
DELETED
|
@@ -1 +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-N7TA4NVO.js
DELETED
|
@@ -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;
|
package/dist/chunk-RCAMC7VH.js
DELETED
|
@@ -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;
|
package/dist/chunk-TE6RQZ6F.mjs
DELETED
|
@@ -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};
|
package/dist/chunk-UTUSQPRM.mjs
DELETED
|
@@ -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};
|
package/dist/chunk-W552XON3.js
DELETED
|
@@ -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;
|
package/dist/chunk-ZCUCDCFP.js
DELETED
|
@@ -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;
|
package/dist/use-chip.d.ts
DELETED
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;
|