sodtrack-web-ui 0.55.1 → 0.56.0
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-form-complementary.d.mts +3 -3
- package/dist/chip-form-complementary.d.ts +3 -3
- package/dist/chip-form.d.mts +6 -6
- package/dist/chip-form.d.ts +6 -6
- package/dist/chip-status-complementary.d.mts +1 -1
- package/dist/chip-status-complementary.d.ts +1 -1
- package/dist/chip-status-table.d.mts +1 -1
- package/dist/chip-status-table.d.ts +1 -1
- package/dist/chunk-JXOB2NBL.mjs +1 -0
- package/dist/chunk-KMV6E3ND.mjs +1 -0
- package/dist/chunk-ME5JZQLL.mjs +1 -0
- package/dist/chunk-PHSLH445.mjs +1 -0
- package/dist/drawer-sticky.d.mts +1 -1
- package/dist/drawer-sticky.d.ts +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.mts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -2
- package/dist/index.mjs +1 -1
- package/dist/list-item-arrow.css +1 -1
- package/dist/list-item-arrow.mjs +1 -1
- package/dist/list-item-checkbox.css +1 -1
- package/dist/list-item-checkbox.mjs +1 -1
- package/dist/list-item.css +1 -1
- package/dist/list-item.mjs +1 -1
- package/dist/radio.d.mts +2 -0
- package/dist/radio.d.ts +2 -0
- package/dist/radio.js +1 -1
- package/dist/radio.mjs +1 -1
- package/dist/rating.d.mts +2 -1
- package/dist/rating.d.ts +2 -1
- package/dist/rating.js +2 -2
- package/dist/rating.mjs +1 -1
- package/dist/switch.d.mts +11 -0
- package/dist/switch.d.ts +11 -0
- package/dist/switch.js +1 -0
- package/dist/switch.mjs +1 -0
- package/dist/tab.d.mts +2 -2
- package/dist/tab.d.ts +2 -2
- package/dist/tailwind-preset.js +1 -1
- package/dist/tailwind-preset.mjs +1 -1
- package/package.json +1 -1
- package/dist/chunk-A6YA2ORM.mjs +0 -1
- package/dist/chunk-IWVOTU6P.mjs +0 -1
- package/dist/chunk-OMGKWBSZ.mjs +0 -1
|
@@ -6,7 +6,7 @@ type ChipFormComplementaryVariantsType = (typeof ChipFormComplementaryVariants)[
|
|
|
6
6
|
declare const ChipFormComplementaryVariantsClassNames: Record<ChipFormComplementaryVariantsType, string>;
|
|
7
7
|
declare const chipForm: (props?: ({
|
|
8
8
|
variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
|
|
9
|
-
size?: "
|
|
9
|
+
size?: "sm" | "md" | undefined;
|
|
10
10
|
selected?: boolean | undefined;
|
|
11
11
|
disabled?: boolean | undefined;
|
|
12
12
|
} & ({
|
|
@@ -74,7 +74,7 @@ declare const ChipFormComplementary: React__default.ForwardRefExoticComponent<{
|
|
|
74
74
|
children?: React__default.ReactNode | undefined;
|
|
75
75
|
} & Omit<VariantProps<(props?: ({
|
|
76
76
|
variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
|
|
77
|
-
size?: "
|
|
77
|
+
size?: "sm" | "md" | undefined;
|
|
78
78
|
selected?: boolean | undefined;
|
|
79
79
|
disabled?: boolean | undefined;
|
|
80
80
|
} & ({
|
|
@@ -133,7 +133,7 @@ declare const ChipFormComplementary: React__default.ForwardRefExoticComponent<{
|
|
|
133
133
|
} | null | undefined;
|
|
134
134
|
})) | undefined) => string>, "variant"> & Required<Pick<VariantProps<(props?: ({
|
|
135
135
|
variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
|
|
136
|
-
size?: "
|
|
136
|
+
size?: "sm" | "md" | undefined;
|
|
137
137
|
selected?: boolean | undefined;
|
|
138
138
|
disabled?: boolean | undefined;
|
|
139
139
|
} & ({
|
|
@@ -6,7 +6,7 @@ type ChipFormComplementaryVariantsType = (typeof ChipFormComplementaryVariants)[
|
|
|
6
6
|
declare const ChipFormComplementaryVariantsClassNames: Record<ChipFormComplementaryVariantsType, string>;
|
|
7
7
|
declare const chipForm: (props?: ({
|
|
8
8
|
variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
|
|
9
|
-
size?: "
|
|
9
|
+
size?: "sm" | "md" | undefined;
|
|
10
10
|
selected?: boolean | undefined;
|
|
11
11
|
disabled?: boolean | undefined;
|
|
12
12
|
} & ({
|
|
@@ -74,7 +74,7 @@ declare const ChipFormComplementary: React__default.ForwardRefExoticComponent<{
|
|
|
74
74
|
children?: React__default.ReactNode | undefined;
|
|
75
75
|
} & Omit<VariantProps<(props?: ({
|
|
76
76
|
variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
|
|
77
|
-
size?: "
|
|
77
|
+
size?: "sm" | "md" | undefined;
|
|
78
78
|
selected?: boolean | undefined;
|
|
79
79
|
disabled?: boolean | undefined;
|
|
80
80
|
} & ({
|
|
@@ -133,7 +133,7 @@ declare const ChipFormComplementary: React__default.ForwardRefExoticComponent<{
|
|
|
133
133
|
} | null | undefined;
|
|
134
134
|
})) | undefined) => string>, "variant"> & Required<Pick<VariantProps<(props?: ({
|
|
135
135
|
variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
|
|
136
|
-
size?: "
|
|
136
|
+
size?: "sm" | "md" | undefined;
|
|
137
137
|
selected?: boolean | undefined;
|
|
138
138
|
disabled?: boolean | undefined;
|
|
139
139
|
} & ({
|
package/dist/chip-form.d.mts
CHANGED
|
@@ -15,11 +15,11 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
|
|
|
15
15
|
children?: React__default.ReactNode | undefined;
|
|
16
16
|
} & Omit<Omit<VariantProps<(props?: ({
|
|
17
17
|
variant?: "standard" | "primary" | undefined;
|
|
18
|
-
type?: "
|
|
18
|
+
type?: "fill" | "outlined" | "ghost" | undefined;
|
|
19
19
|
selected?: boolean | undefined;
|
|
20
20
|
disabled?: boolean | undefined;
|
|
21
21
|
duotone?: boolean | undefined;
|
|
22
|
-
size?: "
|
|
22
|
+
size?: "sm" | "md" | "xs" | undefined;
|
|
23
23
|
} & ({
|
|
24
24
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
25
25
|
[x: string]: any;
|
|
@@ -76,11 +76,11 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
|
|
|
76
76
|
} | null | undefined;
|
|
77
77
|
})) | undefined) => string>, "variant">, "type"> & Required<Pick<VariantProps<(props?: ({
|
|
78
78
|
variant?: "standard" | "primary" | undefined;
|
|
79
|
-
type?: "
|
|
79
|
+
type?: "fill" | "outlined" | "ghost" | undefined;
|
|
80
80
|
selected?: boolean | undefined;
|
|
81
81
|
disabled?: boolean | undefined;
|
|
82
82
|
duotone?: boolean | undefined;
|
|
83
|
-
size?: "
|
|
83
|
+
size?: "sm" | "md" | "xs" | undefined;
|
|
84
84
|
} & ({
|
|
85
85
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
86
86
|
[x: string]: any;
|
|
@@ -137,11 +137,11 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
|
|
|
137
137
|
} | null | undefined;
|
|
138
138
|
})) | undefined) => string>, "variant">> & Required<Pick<VariantProps<(props?: ({
|
|
139
139
|
variant?: "standard" | "primary" | undefined;
|
|
140
|
-
type?: "
|
|
140
|
+
type?: "fill" | "outlined" | "ghost" | undefined;
|
|
141
141
|
selected?: boolean | undefined;
|
|
142
142
|
disabled?: boolean | undefined;
|
|
143
143
|
duotone?: boolean | undefined;
|
|
144
|
-
size?: "
|
|
144
|
+
size?: "sm" | "md" | "xs" | undefined;
|
|
145
145
|
} & ({
|
|
146
146
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
147
147
|
[x: string]: any;
|
package/dist/chip-form.d.ts
CHANGED
|
@@ -15,11 +15,11 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
|
|
|
15
15
|
children?: React__default.ReactNode | undefined;
|
|
16
16
|
} & Omit<Omit<VariantProps<(props?: ({
|
|
17
17
|
variant?: "standard" | "primary" | undefined;
|
|
18
|
-
type?: "
|
|
18
|
+
type?: "fill" | "outlined" | "ghost" | undefined;
|
|
19
19
|
selected?: boolean | undefined;
|
|
20
20
|
disabled?: boolean | undefined;
|
|
21
21
|
duotone?: boolean | undefined;
|
|
22
|
-
size?: "
|
|
22
|
+
size?: "sm" | "md" | "xs" | undefined;
|
|
23
23
|
} & ({
|
|
24
24
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
25
25
|
[x: string]: any;
|
|
@@ -76,11 +76,11 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
|
|
|
76
76
|
} | null | undefined;
|
|
77
77
|
})) | undefined) => string>, "variant">, "type"> & Required<Pick<VariantProps<(props?: ({
|
|
78
78
|
variant?: "standard" | "primary" | undefined;
|
|
79
|
-
type?: "
|
|
79
|
+
type?: "fill" | "outlined" | "ghost" | undefined;
|
|
80
80
|
selected?: boolean | undefined;
|
|
81
81
|
disabled?: boolean | undefined;
|
|
82
82
|
duotone?: boolean | undefined;
|
|
83
|
-
size?: "
|
|
83
|
+
size?: "sm" | "md" | "xs" | undefined;
|
|
84
84
|
} & ({
|
|
85
85
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
86
86
|
[x: string]: any;
|
|
@@ -137,11 +137,11 @@ declare const ChipForm: React__default.ForwardRefExoticComponent<{
|
|
|
137
137
|
} | null | undefined;
|
|
138
138
|
})) | undefined) => string>, "variant">> & Required<Pick<VariantProps<(props?: ({
|
|
139
139
|
variant?: "standard" | "primary" | undefined;
|
|
140
|
-
type?: "
|
|
140
|
+
type?: "fill" | "outlined" | "ghost" | undefined;
|
|
141
141
|
selected?: boolean | undefined;
|
|
142
142
|
disabled?: boolean | undefined;
|
|
143
143
|
duotone?: boolean | undefined;
|
|
144
|
-
size?: "
|
|
144
|
+
size?: "sm" | "md" | "xs" | undefined;
|
|
145
145
|
} & ({
|
|
146
146
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
147
147
|
[x: string]: any;
|
|
@@ -6,7 +6,7 @@ type ChipStatusComplementaryVariantType = (typeof ChipStatusComplementaryVariant
|
|
|
6
6
|
type ChipStatusComplementarySizeType = (typeof ChipStatusComplementarySizes)[number];
|
|
7
7
|
declare const chipStatusComplementary: (props?: ({
|
|
8
8
|
variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
|
|
9
|
-
size?: "
|
|
9
|
+
size?: "sm" | "md" | "xs" | undefined;
|
|
10
10
|
} & ({
|
|
11
11
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
12
12
|
[x: string]: any;
|
|
@@ -6,7 +6,7 @@ type ChipStatusComplementaryVariantType = (typeof ChipStatusComplementaryVariant
|
|
|
6
6
|
type ChipStatusComplementarySizeType = (typeof ChipStatusComplementarySizes)[number];
|
|
7
7
|
declare const chipStatusComplementary: (props?: ({
|
|
8
8
|
variant?: "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
|
|
9
|
-
size?: "
|
|
9
|
+
size?: "sm" | "md" | "xs" | undefined;
|
|
10
10
|
} & ({
|
|
11
11
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
12
12
|
[x: string]: any;
|
|
@@ -2,7 +2,7 @@ import { VariantProps } from 'cva';
|
|
|
2
2
|
import { HTMLAttributes, FC } from 'react';
|
|
3
3
|
|
|
4
4
|
declare const chipStatusTable: (props?: ({
|
|
5
|
-
variant?: "
|
|
5
|
+
variant?: "success" | "info" | "warning" | "error" | "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
|
|
6
6
|
} & ({
|
|
7
7
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
8
8
|
[x: string]: any;
|
|
@@ -2,7 +2,7 @@ import { VariantProps } from 'cva';
|
|
|
2
2
|
import { HTMLAttributes, FC } from 'react';
|
|
3
3
|
|
|
4
4
|
declare const chipStatusTable: (props?: ({
|
|
5
|
-
variant?: "
|
|
5
|
+
variant?: "success" | "info" | "warning" | "error" | "zoro" | "ussop" | "crocodile" | "silvers" | "buggy" | "nami" | "shanks" | "piiman" | "sanji" | "ace" | "hancock" | "chopper" | "bentham" | "ivankov" | "brook" | "luffy" | "frankie" | "jinbe" | "robin" | "law" | undefined;
|
|
6
6
|
} & ({
|
|
7
7
|
class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
|
|
8
8
|
[x: string]: any;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-2WINTZSS.mjs';import {RadioGroupRoot,RadioGroupItem,RadioGroupItemControl,RadioGroupItemText,RadioGroupItemHiddenInput}from'@ark-ui/react/radio-group';import {forwardRef,useCallback}from'react';import {jsx,jsxs}from'react/jsx-runtime';var k=["sm","md"],N=["horizontal","vertical"],b=forwardRef(({className:d,orientation:r="horizontal",onValueChange:o,size:a$1="md",error:p,...u},s)=>{let l=useCallback(m=>{o?.(m.value);},[o]);return jsx(RadioGroupRoot,{"data-error":p,"data-size":a$1,className:a("group flex",r==="horizontal"&&"flex gap-8",r==="vertical"&&a$1==="sm"&&"flex-col gap-2",r==="vertical"&&a$1==="md"&&"flex-col gap-3",d),orientation:r,ref:s,onValueChange:l,...u})});b.displayName="RadioGroup";var P=forwardRef(({value:d,label:r,className:o},a$1)=>jsxs(RadioGroupItem,{value:d,className:a("flex items-center gap-1.5",o),ref:a$1,children:[jsx(RadioGroupItemControl,{className:a("relative rounded-full border-neutral-900 transition-all after:absolute after:h-full after:w-full after:rounded-full after:border-transparent","data-[state=checked]:border-primary-500 data-[state=checked]:bg-primary-500 data-[state=checked]:after:border-neutral-50","group-data-[size=sm]:h-4 group-data-[size=sm]:w-4 group-data-[size=sm]:border-1.5 group-data-[size=sm]:after:border-2","group-data-[size=md]:h-5 group-data-[size=md]:w-5 group-data-[size=md]:border-2 group-data-[size=md]:after:border-3","group-data-[disabled]:border-neutral-400 group-data-[disabled]:data-[state=checked]:bg-neutral-400","group-data-[error=true]:border-error-500 group-data-[error=true]:data-[state=checked]:bg-error-500")}),r&&jsx(RadioGroupItemText,{className:a("font-inter !leading-[130%] text-neutral-900","group-data-[size=sm]:text-xs","group-data-[size=md]:text-sm","group-data-[disabled]:text-neutral-400","group-data-[error=true]:text-error-500"),children:r}),jsx(RadioGroupItemHiddenInput,{})]}));P.displayName="RadioGroupItem";export{k as a,N as b,b as c,P as d};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a as a$5}from'./chunk-KTRSJBA4.mjs';import {a as a$4}from'./chunk-IOSO66TV.mjs';import {a}from'./chunk-QHBCNAWO.mjs';import {c as c$2}from'./chunk-FXWF3IBH.mjs';import {d}from'./chunk-VZKFL2XP.mjs';import {a as a$1}from'./chunk-WGMDH4XX.mjs';import {a as a$3}from'./chunk-BVHU5ZT3.mjs';import {c}from'./chunk-DZLL7IH6.mjs';import {c as c$1,h}from'./chunk-XJSC6PKJ.mjs';import {a as a$2}from'./chunk-2WINTZSS.mjs';import bt,{createContext,useMemo,useCallback,useState,useRef,useEffect,useContext,useId}from'react';import*as Lt from'@radix-ui/react-portal';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var Gt=({title:t,titleLines:a=2,description:r,descriptionLines:e=1,Icon:s,iconAsColumn:i=!0,className:o,...n})=>jsxs("div",{className:a$2("flex gap-2 py-4 pl-4 pr-6",i&&"flex-col items-center gap-1",!i&&!r&&"items-center"),...n,children:[s&&jsx(s,{className:a$2("shrink-0 text-neutral-300"),size:24}),jsxs("div",{className:a$2("flex flex-col gap-1",i&&"text-center"),children:[jsx("p",{className:a$2("leading-[130%] text-neutral-500",!!r&&"font-medium"),style:a?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:a}:void 0,children:t}),r&&jsx("p",{className:"text-sm leading-[130%] text-neutral-500",style:e?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:e}:void 0,children:r})]})]}),ot=Gt;var $t=bt.memo(({handleSelect:t,NoResultsIcon:a$3,noResultsLabel:r,noResultsDescription:e,noResultsDescriptionLines:s,noResultsAsColumn:i,noResultsButtonOnClick:o,optionDescriptionLines:n,noResultsButtonLabel:w,filteredOptions:l,inputRect:p,inputRef:f,popoverPosition:x,optionsListRef:k,selectedOption:m,options:z,setFilteredOptions:h})=>jsx(Lt.Root,{asChild:!0,children:jsx("div",{ref:k,className:"pointer-events-auto fixed z-50 hidden w-full",style:p?{width:`${p.width}px`,left:p.left,top:x==="bottom"?`${p.bottom}px`:void 0,bottom:x==="top"?`${window.innerHeight-p.top}px`:void 0}:void 0,children:jsxs(a,{className:"elevation-8 mb-2 flex max-h-[336px] w-full flex-col rounded-lg bg-neutral-50",children:[l.length===0&&jsxs("div",{className:"elevation-8 max-h-88 flex flex-1 flex-col justify-center rounded-lg bg-neutral-50",children:[jsx(ot,{title:r,description:e,Icon:a$3,iconAsColumn:i,descriptionLines:s}),o&&jsxs(Fragment,{children:[jsx(a$1,{}),jsx(c,{variant:"ghost",className:"my-3 w-fit self-center",onClick:u=>{k.current.style.display="none",f.current.value="",h(z),o();},children:w})]})]}),l.map(u=>jsx(Mt,{title:u.label,disabled:u.disabled,description:u.description,descriptionLines:n,onClick:()=>t(u),className:a$2(m?.value===u.value&&"bg-primary-200")},u.key??u.value))]})})})),Ct=$t;var qt=336,rr=({options:t,defaultSelectedOption:a,onSelect:r,onClick:e,onInputChange:s,error:i,helperText:o,label:n,placeholder:w,value:l,size:p="md",optionDescriptionLines:f=1,noResultsLabel:x,noResultsIcon:k,noResultsDescription:m,noResultsDescriptionLines:z,noResultsAsColumn:h,noResultsButtonOnClick:u,noResultsButtonLabel:A,className:V,disabled:b})=>{let[d,y]=useState(a??null),L=useRef(null),g=useRef(null),[nt,st]=useState(),[ct,T]=useState([]),[lt,H]=useState("bottom"),[G,K]=useState(),U=qt,X=useCallback(v=>{L.current.style.display="none",g.current.value=v.label,y(v),r?.(v);},[r]),C=useCallback(()=>{if(!g?.current)return;let v=g.current.getBoundingClientRect();st(v);let O=G?G.height:U,M=window.innerHeight-v.bottom>O,Q=v.top>O;H(M?"bottom":Q?"top":"bottom");},[G?.height]),$=useCallback(()=>{let v=t.filter(O=>O.label.toLowerCase().includes(g?.current?.value.toLowerCase()??""));if(T(v),L?.current){let O=L.current.getBoundingClientRect();K(O);}},[t]);return useEffect(()=>{T(t);},[t]),useEffect(()=>{if(!l){y(null),g.current&&(g.current.value="");return}(!g.current?.value||d?.value!==l.value)&&(y(l),g.current.value=l.label);},[l]),a$5(L,()=>{L.current.style.display="none",d&&g.current&&(g.current.value=d.label);}),useEffect(()=>{if(g?.current)return C(),g.current.addEventListener("mousedown",C),g.current.addEventListener("input",$),window.addEventListener("scroll",C,!0),window.addEventListener("resize",C),()=>{g.current?.removeEventListener("mousedown",C),g.current?.removeEventListener("input",$),window.removeEventListener("scroll",C,!0),window.removeEventListener("resize",C);}},[C,$]),jsxs("div",{className:a$2("relative",V),children:[jsx(a$4,{ref:g,autoComplete:"off",list:"",selectMode:!0,onChange:v=>{v.target.value||(y(null),r?.(null)),s?.(v);},onClean:()=>{y(null),T(t),r?.(null);},onClick:v=>{L.current.style.display="flex",e?.(v);},onBlur:()=>{d&&g.current&&(g.current.value=d.label);},label:n,helperText:o,placeholder:w,size:p,error:i,disabled:b}),jsx(Ct,{handleSelect:X,noResultsLabel:x,NoResultsIcon:k,optionDescriptionLines:f,noResultsAsColumn:h,noResultsButtonLabel:A,noResultsButtonOnClick:u,noResultsDescription:m,noResultsDescriptionLines:z,filteredOptions:ct,inputRect:nt,inputRef:g,popoverPosition:lt,optionsListRef:L,selectedOption:d,options:t,setFilteredOptions:T})]})};var Kt=({children:t,title:a,titleLines:r,description:e="",descriptionLines:s,disabled:i=!1,className:o,...n})=>jsxs("div",{className:"flex w-full flex-col",...n,children:[jsx("p",{className:a$2("break-all",!!e&&"font-medium"),style:r?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:r}:void 0,children:a}),e&&jsx("p",{className:a$2("text-sm",i?"text-neutral-400":"text-neutral-700"),style:s?{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:s}:void 0,children:e})]}),B=Kt;var mr=({children:t,title:a,titleLines:r,description:e="",descriptionLines:s,startIcon:i,badgeContent:o,hasDivider:n=!1,disabled:w=!1,onSelect:l,className:p,...f})=>jsxs(W,{hasDescription:!!e,disabled:w,onClick:l,hasDivider:n,className:a$2(!w&&"cursor-pointer",p),...f,children:[i&&bt.cloneElement(i,{className:a$2(e?"mt-[0.4rem]":"self-center","shrink-0"),size:18}),jsx(B,{title:a,titleLines:r,description:e,descriptionLines:s,disabled:w}),jsxs("div",{className:"flex gap-2",children:[o&&jsx(a$3,{content:o,size:"lg",variant:"alert",className:a$2("self-center",w&&"bg-neutral-400")}),jsx(h,{className:"h-4.5 w-4.5 self-center"})]})]});var St=({children:t,title:a,titleLines:r=1,description:e="",descriptionLines:s,startIcon:i,hasDivider:o=!1,disabled:n=!1,checked:w,onCheckedChange:l,className:p,...f})=>jsxs(W,{hasDescription:!!e,disabled:n,hasDivider:o,...f,className:a$2("pr-6",p),children:[i&&bt.cloneElement(i,{className:a$2(e?"mt-[0.4rem]":"self-center","shrink-0"),size:18}),jsx(B,{title:a,titleLines:r,description:e,descriptionLines:s,disabled:n}),jsx(c$2,{size:"sm",checked:w,onCheckedChange:l,className:"self-center",disabled:n})]});var E=336,Ft=createContext({inputRef:null,optionsListRef:null,scrollAreaRef:null,autocompleteId:"",inputRect:void 0,showChips:!1,filteredOptions:[],currentFocus:-1,popoverPosition:"bottom",setFilteredOptions:()=>{},setCurrentFocus:()=>{},setShowChips:()=>{},setPopoverPosition:()=>{},setInputRect:()=>{},optionsListHeight:E,setOptionsListHeight:()=>{},optionsListRect:void 0,setOptionsListRect:()=>{}}),I=()=>{let t=useContext(Ft);if(t===null)throw new Error("useAutocompleteMultipleContext must be used within a AutocompleteMultipleProvider");return t},Dt=({children:t})=>{let a=useRef(null),r=useRef(null),e=useRef(null),s=useId(),[i,o]=useState(),[n,w]=useState(!0),[l,p]=useState([]),[f,x]=useState(-1),[k,m]=useState("bottom"),[z,h]=useState(),[u,A]=useState(E);return jsx(Ft.Provider,{value:{optionsListRef:a,inputRef:r,scrollAreaRef:e,autocompleteId:s,inputRect:i,showChips:n,filteredOptions:l,currentFocus:f,popoverPosition:k,setFilteredOptions:p,setCurrentFocus:x,setShowChips:w,setPopoverPosition:m,setInputRect:o,optionsListHeight:u,optionsListRect:z,setOptionsListRect:h,setOptionsListHeight:A},children:t})};var ce=({option:t,onMountWidth:a,size:r})=>{let e=useRef(null);return useEffect(()=>{e.current&&a?.(e.current.clientWidth);},[]),jsx(d,{type:"fill",variant:"standard",ref:e,className:"flex-shrink-0",size:r==="md"?"xs":"sm",hasCloseIcon:!1,children:t.label})},Tt=ce;var ge=150,we=bt.memo(({selectedOptions:t,error:a,onCleanSelectedOptions:r,disabled:e,size:s})=>{let{autocompleteId:i,inputRect:o,inputRef:n,optionsListRef:w}=I(),l=bt.useRef(null),[p,f]=bt.useState(new Map),x=useMemo(()=>{if(!o?.width)return [];let m=0,z=o.width-ge,h=0;for(let u=0;u<t.length&&(h+=p.get(u)??0,!(h>z));u++)m++;return t.slice(0,m)},[o?.width,t,p]),k=useCallback(()=>{e||(n?.current?.focus(),w.current.style.display="flex");},[e]);return jsxs("div",{onClick:k,className:a$2("absolute top-0 z-30 flex w-full cursor-pointer flex-nowrap items-center gap-2 pl-3 pr-12",e&&"cursor-not-allowed"),style:{maxWidth:o?.width?o?.width:void 0,height:o?.height?o?.height:void 0},children:[jsx("div",{className:"flex flex-1 gap-1 overflow-hidden",ref:l,children:x.map((m,z)=>jsx(Tt,{option:m,onMountWidth:h=>f(u=>new Map(u).set(z,h)),size:s},`chip-input-${i}-${m.value}`))}),t.length>x.length&&jsx("span",{className:"text-base",children:"..."}),t.length>0&&!a&&jsx(a$3,{content:String(t.length),size:s}),a&&t.length>0&&jsx(c$1,{className:"h-6 w-6 text-error-700",onClick:m=>{m.stopPropagation(),r();}})]})}),Ht=we;var be=bt.memo(({option:t,index:a,onPressOption:r,isSelected:e,optionDescriptionLines:s})=>{let{currentFocus:i,inputRef:o}=I();return jsx(St,{title:t.label,checked:e,disabled:t.disabled,className:i===a?"bg-primary-200":void 0,onMouseDown:n=>{t.disabled||(o?.current?.value&&n.preventDefault(),r?.(t,n));},description:t.description,descriptionLines:s})}),ht=be;var xe=bt.memo(({selectedOptions:t,handleSelect:a$2,NoResultsIcon:r,noResultsLabel:e,noResultsDescription:s,noResultsDescriptionLines:i,noResultsAsColumn:o,noResultsButtonOnClick:n,optionDescriptionLines:w,noResultsButtonLabel:l})=>{let{popoverPosition:p,scrollAreaRef:f,optionsListRef:x,filteredOptions:k,inputRect:m,autocompleteId:z,inputRef:h,optionsListHeight:u}=I(),A=useCallback(b=>t.some(d=>d.value===b.value),[t]),V=useMemo(()=>t.filter(b=>b.label.toLowerCase().includes(h?.current?.value.toLowerCase()??"")),[t,h?.current?.value]);return jsx(Lt.Root,{asChild:!0,children:jsx("div",{ref:x,className:"pointer-events-auto fixed z-50 hidden w-full",style:m?{width:`${m.width}px`,left:m.left,top:p==="bottom"?`${m.bottom}px`:void 0,bottom:p==="top"?`${window.innerHeight-m.top}px`:void 0}:void 0,children:jsxs(a,{className:"elevation-8 mb-2 flex w-full flex-col rounded-lg bg-neutral-50",style:{maxHeight:u+"px"},ref:f,children:[k.length===0&&jsxs("div",{className:"elevation-8 max-h-88 flex flex-1 flex-col justify-center rounded-lg bg-neutral-50",children:[jsx(ot,{title:e,description:s,Icon:r,iconAsColumn:o,descriptionLines:i}),n&&jsxs(Fragment,{children:[jsx(a$1,{}),jsx(c,{variant:"ghost",className:"my-3 w-fit self-center",onClick:b=>{x.current.style.display="none",h.current.value="",n();},children:l})]})]}),V.map((b,d)=>jsx(ht,{option:b,index:d,onPressOption:y=>a$2(y),isSelected:A(b),optionDescriptionLines:w},`autocomplete-option-${z}-${b.key??b.value}`)),k.map((b,d)=>!t.some(y=>y.value===b.value)&&jsx(ht,{option:b,index:d,onPressOption:y=>a$2(y),isSelected:A(b),optionDescriptionLines:w},`autocomplete-option-${z}-${b.key??b.value}`))]})})})}),Nt=xe;var Re=bt.memo(({selectedOptions:t,onSelect:a,error:r,helperText:e,label:s,placeholder:i,options:o,onInputChange:n,size:w,disabled:l})=>{let{setCurrentFocus:p,setFilteredOptions:f,optionsListRef:x,inputRef:k}=I();return jsx(a$4,{ref:k,autoComplete:"off",list:"",disabled:l,selectMode:!0,onChange:m=>{p(-1),n?.(m.target.value);},onClean:()=>{p(-1),f(o),a?.(null,t);},onClick:()=>{l||(x.current.style.display="flex");},error:r,helperText:e,label:s,placeholder:i,fixedTopLabel:t.length>0,size:w})}),Yt=Re;var Bt=({options:t,defaultSelectedOptions:a,onSelect:r,error:e,helperText:s,label:i,placeholder:o,noResultsLabel:n,noResultsIcon:w,noResultsDescription:l,noResultsDescriptionLines:p,noResultsAsColumn:f,noResultsButtonOnClick:x,noResultsButtonLabel:k,className:m,onInputChange:z,value:h,loading:u,size:A="md",optionDescriptionLines:V=1,disabled:b})=>{let{inputRef:d,optionsListRef:y,setFilteredOptions:L,setShowChips:g,setInputRect:nt,setPopoverPosition:st,setCurrentFocus:ct,showChips:T,setOptionsListRect:lt,optionsListRect:H,setOptionsListHeight:G}=I(),K=useRef(!1),[U,X]=useState(a??[]),C=useCallback(R=>{X(P=>{let S,_=P.findIndex(Vt=>Vt.value===R.value);return _===-1?(S=P.concat(R),r?.(R,S),S):(S=P.toSpliced(_,1),r?.(R,S),S)});},[r]),$=useCallback(()=>{X([]),L(t),r?.(null,[]);},[]),v=useCallback(()=>{g(!1);},[]),O=useCallback(()=>{g(!0);},[]),M=useCallback(()=>{if(!d?.current)return;let R=d.current.getBoundingClientRect();nt(R);let P=H?H.height>E?E:H.height:E,S=window.innerHeight-R.bottom>P,_=R.top>P;st(S?"bottom":_?"top":"bottom"),G(_?E:window.innerHeight-R.bottom>E?E:window.innerHeight-R.bottom);},[H?.height]),Q=useCallback(()=>{let R=t.filter(P=>P.label.toLowerCase().includes(d?.current?.value.toLowerCase()??""));if(L(R),y?.current){let P=y.current.getBoundingClientRect();lt(P);}},[t,y?.current]);return useEffect(()=>{L(t);},[t]),a$5(y,()=>{y.current.style.display="none",ct(-1);}),useEffect(()=>{if(d?.current)return M(),d.current.addEventListener("mousedown",M),d.current.addEventListener("input",Q),d.current.addEventListener("focusin",v),d.current.addEventListener("focusout",O),window.addEventListener("scroll",M,!0),window.addEventListener("resize",M),()=>{d.current?.removeEventListener("mousedown",M),d.current?.removeEventListener("input",M),d.current?.removeEventListener("focusout",O),d.current?.removeEventListener("focusin",v),window.removeEventListener("scroll",M,!0),window.removeEventListener("resize",M);}},[M,O,v,Q]),useEffect(()=>{h&&(X(h),g(!0));},[h]),useEffect(()=>{u||a&&a.length&&!K.current&&(X(a),K.current=!0,g(!0));},[a,u]),jsxs("div",{className:a$2("relative",m),children:[jsx(Yt,{selectedOptions:U,onSelect:r,error:e,helperText:s,label:i,placeholder:o,handleSelect:C,options:t,onInputChange:z,size:A,disabled:b}),T&&jsx(Ht,{selectedOptions:U,disabled:b,error:e,onCleanSelectedOptions:$,size:A}),jsx(Nt,{handleSelect:C,selectedOptions:U,noResultsLabel:n,NoResultsIcon:w,optionDescriptionLines:V,noResultsAsColumn:f,noResultsButtonLabel:k,noResultsButtonOnClick:x,noResultsDescription:l,noResultsDescriptionLines:p})]})};var Oa=t=>jsx(Dt,{children:jsx(Bt,{...t})});var Oe=({children:t,hasDescription:a=!1,disabled:r=!1,hasDivider:e=!1,className:s,onClick:i,...o})=>jsxs(Fragment,{children:[jsx("div",{className:a$2("line-height-[120%] flex flex-row gap-4 pl-4 pr-3",a?"py-3":"py-[0.875rem]",r?"text-neutral-400":"hover:bg-primary-100 focus:bg-primary-200",s),onClick:n=>{r||i?.(n);},...o,children:t}),e&&jsx(a$1,{})]}),W=Oe;var Mt=({children:t,title:a,titleLines:r,description:e="",descriptionLines:s,startIcon:i,hasDivider:o=!1,disabled:n=!1,className:w,...l})=>jsxs(W,{hasDescription:!!e,disabled:n,hasDivider:o,className:w,...l,children:[i&&bt.cloneElement(i,{className:a$2(e?"mt-[0.4rem]":"self-center","shrink-0"),size:18}),jsx(B,{title:a,titleLines:r,description:e,descriptionLines:s,disabled:n})]});export{rr as a,Mt as b,mr as c,St as d,Oa as e};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {r,m}from'./chunk-XJSC6PKJ.mjs';import {a}from'./chunk-2WINTZSS.mjs';import {useCallback}from'react';import {RatingGroup}from'@ark-ui/react/rating-group';import {jsx,jsxs}from'react/jsx-runtime';var V=["md","sm"],b=({size:e="sm",count:c=5,onValueChange:r$1,...a$1})=>{let R=useCallback(n=>{r$1?.(n.value);},[r$1]);return jsx(RatingGroup.Root,{count:c,onValueChange:R,...a$1,children:jsxs(RatingGroup.Control,{className:"flex gap-1",children:[jsx(RatingGroup.Context,{children:({items:n})=>n.map(i=>jsx(RatingGroup.Item,{index:i,className:"outline-0",children:jsx(RatingGroup.ItemContext,{children:({half:g,highlighted:s})=>{let l=a("transition-colors",!a$1.readOnly&&!a$1.disabled&&"cursor-pointer",e==="md"&&"size-6",e==="sm"&&"h-4.5 w-4.5");return g?jsx(r,{fill:"#FFCB00",color:"#FFCB00",className:l}):jsx(m,{fill:s?"#FFCB00":"transparent",color:s?"#FFCB00":"#7E8A86",className:l})}})},i))}),jsx(RatingGroup.HiddenInput,{})]})})};export{V as a,b};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {a}from'./chunk-2WINTZSS.mjs';import {Switch}from'@ark-ui/react/switch';import {useCallback}from'react';import {jsxs,jsx}from'react/jsx-runtime';var w=["sm","md"],v=({size:d="md",className:s,disabled:a$1,onCheckedChange:r,...h})=>{let n=useCallback(o=>{r?.(o.checked);},[r]);return jsxs(Switch.Root,{className:a("flex",s),disabled:a$1,onCheckedChange:n,...h,children:[jsx(Switch.Control,{className:a("group inline-flex shrink-0 cursor-pointer items-center rounded-full transition-all disabled:cursor-not-allowed data-[state=checked]:bg-primary-500 data-[state=checked]:data-[disabled]:bg-neutral-200 data-[state=unchecked]:ring-2 data-[state=unchecked]:ring-inset data-[state=unchecked]:data-[disabled]:ring-neutral-300 data-[state=unchecked]:ring-primary-500 data-[state=checked]:focus:bg-primary-800 data-[state=unchecked]:focus:ring-3 data-[state=unchecked]:focus:ring-primary-800",a$1&&"cursor-not-allowed",!a$1&&"data-[state=unchecked]:hover:ring-primary-600 data-[state=checked]:active:bg-primary-700 data-[state=unchecked]:active:ring-2 data-[state=unchecked]:active:ring-primary-400",d==="md"&&"h-8 w-13",d==="sm"&&"h-6 w-10"),children:jsx(Switch.Thumb,{className:a("block h-6 w-6 rounded-full transition-all data-[state=unchecked]:h-4 data-[state=unchecked]:w-4 data-[state=checked]:translate-x-6 data-[state=unchecked]:translate-x-2 data-[state=checked]:bg-primary-200 data-[state=unchecked]:bg-primary-500 data-[state=unchecked]:group-focus:h-4 data-[state=unchecked]:group-focus:w-4 data-[state=checked]:group-focus:bg-primary-100 data-[state=unchecked]:group-focus:bg-primary-500 data-[state=unchecked]:group-focus:ring-transparent-primary-10 data-[state=checked]:group-data-[disabled]:h-6 data-[state=unchecked]:group-data-[disabled]:h-4 data-[state=checked]:group-data-[disabled]:w-6 data-[state=unchecked]:group-data-[disabled]:w-4 data-[state=checked]:group-data-[disabled]:translate-x-6 data-[state=unchecked]:group-data-[disabled]:translate-x-2 data-[state=checked]:group-data-[disabled]:bg-neutral-100 data-[state=unchecked]:group-data-[disabled]:bg-neutral-500 data-[state=checked]:group-data-[disabled]:ring-0 data-[state=unchecked]:group-data-[disabled]:ring-0",!a$1&&"group-hover:ring-transparent-primary-20 data-[state=unchecked]:group-hover:bg-primary-600 data-[state=checked]:group-hover:ring-8 data-[state=unchecked]:group-hover:ring-12 data-[state=checked]:group-active:h-7 data-[state=unchecked]:group-active:h-7 data-[state=checked]:group-active:w-7 data-[state=unchecked]:group-active:w-7 data-[state=unchecked]:group-active:translate-x-0.5 group-active:data-[state=checked]:translate-x-5.5 data-[state=unchecked]:group-active:ring-0",d==="sm"&&"h-4 w-4 data-[state=unchecked]:h-3 data-[state=unchecked]:w-3 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-1.5 data-[state=unchecked]:group-focus:h-3 data-[state=unchecked]:group-focus:w-3 data-[state=checked]:group-active:h-5 data-[state=unchecked]:group-active:h-5 data-[state=checked]:group-active:w-5 data-[state=unchecked]:group-active:w-5 data-[state=unchecked]:group-active:translate-x-0.5 group-active:data-[state=checked]:translate-x-4.5 data-[state=checked]:group-data-[disabled]:h-4 data-[state=unchecked]:group-data-[disabled]:h-3 data-[state=checked]:group-data-[disabled]:w-4 data-[state=unchecked]:group-data-[disabled]:w-3 data-[state=checked]:group-data-[disabled]:translate-x-5 data-[state=unchecked]:group-data-[disabled]:translate-x-1.5")})}),jsx(Switch.HiddenInput,{})]})};export{w as a,v as b};
|
package/dist/drawer-sticky.d.mts
CHANGED
|
@@ -34,7 +34,7 @@ declare const DrawerStickyHeader: React.ForwardRefExoticComponent<{
|
|
|
34
34
|
title: string;
|
|
35
35
|
description?: string;
|
|
36
36
|
buttons?: DrawerStickyHeaderButtons;
|
|
37
|
-
} & Omit<HTMLAttributes<HTMLDivElement>, "
|
|
37
|
+
} & Omit<HTMLAttributes<HTMLDivElement>, "title" | "description"> & React.RefAttributes<HTMLDivElement>>;
|
|
38
38
|
declare const DrawerStickyFooter: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
39
39
|
declare const DrawerStickyBody: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
40
40
|
onScrollEnd?: () => void;
|
package/dist/drawer-sticky.d.ts
CHANGED
|
@@ -34,7 +34,7 @@ declare const DrawerStickyHeader: React.ForwardRefExoticComponent<{
|
|
|
34
34
|
title: string;
|
|
35
35
|
description?: string;
|
|
36
36
|
buttons?: DrawerStickyHeaderButtons;
|
|
37
|
-
} & Omit<HTMLAttributes<HTMLDivElement>, "
|
|
37
|
+
} & Omit<HTMLAttributes<HTMLDivElement>, "title" | "description"> & React.RefAttributes<HTMLDivElement>>;
|
|
38
38
|
declare const DrawerStickyFooter: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
39
39
|
declare const DrawerStickyBody: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
40
40
|
onScrollEnd?: () => void;
|