ml-uikit 1.1.2 → 1.1.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.
- package/dist/components/ui/select.d.ts +6 -1
- package/dist/components/ui/select.d.ts.map +1 -1
- package/dist/index.cjs42.js +1 -1
- package/dist/index.cjs42.js.map +1 -1
- package/dist/index.cjs52.js +1 -1
- package/dist/index.cjs52.js.map +1 -1
- package/dist/index.es42.js +150 -86
- package/dist/index.es42.js.map +1 -1
- package/dist/index.es52.js +16 -16
- package/dist/index.es52.js.map +1 -1
- package/dist/style.css +12 -14
- package/package.json +1 -1
|
@@ -6,7 +6,12 @@ declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.Selec
|
|
|
6
6
|
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
7
|
declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
8
|
declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
-
declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> &
|
|
9
|
+
declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
10
|
+
enableSearch?: boolean | undefined;
|
|
11
|
+
searchPlaceholder?: string | undefined;
|
|
12
|
+
searchValue?: string | undefined;
|
|
13
|
+
onSearchValueChange?: ((value: string) => void) | undefined;
|
|
14
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
10
15
|
declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
16
|
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
17
|
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,oKAqBjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,oKAqBjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAwCF,QAAA,MAAM,aAAa;;;;mCA9Ba,MAAM,KAAK,IAAI;wCAoJ9C,CAAA;AAGD,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JA2Bd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}
|
package/dist/index.cjs42.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),B=require("@radix-ui/react-select"),i=require("lucide-react"),c=require("./index.cjs57.js");function h(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(l,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return l.default=t,Object.freeze(l)}const e=h(q),a=h(B),k=a.Root,L=a.Group,O=a.Value,y=e.forwardRef(({className:t,children:l,...r},o)=>e.createElement(a.Trigger,{ref:o,className:c.cn("flex h-10 w-full items-center justify-between whitespace-nowrap rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] shadow-none","data-[placeholder]:text-[#b3b3b3] [&>span]:line-clamp-1","focus-visible:outline-none focus-visible:border-[#1D1C20] data-[state=open]:border-[#1D1C20]","disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:data-[placeholder]:text-[#b3b3b3]","aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]",t),...r},l,e.createElement(a.Icon,{asChild:!0},e.createElement(i.ChevronDown,{className:"h-4 w-4 text-[#7f7d83]"}))));y.displayName=a.Trigger.displayName;const f=e.forwardRef(({className:t,...l},r)=>e.createElement(a.ScrollUpButton,{ref:r,className:c.cn("flex cursor-default items-center justify-center py-1 text-[#7f7d83]",t),...l},e.createElement(i.ChevronUp,{className:"h-4 w-4"})));f.displayName=a.ScrollUpButton.displayName;const b=e.forwardRef(({className:t,...l},r)=>e.createElement(a.ScrollDownButton,{ref:r,className:c.cn("flex cursor-default items-center justify-center py-1 text-[#7f7d83]",t),...l},e.createElement(i.ChevronDown,{className:"h-4 w-4"})));b.displayName=a.ScrollDownButton.displayName;const w=e.createContext({enabled:!1,query:""}),m=t=>typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(m).join(" "):e.isValidElement(t)?m(t.props.children):"",N=e.forwardRef(({className:t,children:l,position:r="popper",enableSearch:o=!1,searchPlaceholder:d="Search...",searchValue:s,onSearchValueChange:p,...u},R)=>{const[D,P]=e.useState(""),j=e.useRef(null),I=e.useCallback(n=>{j.current=n,!(!n||!o)&&window.requestAnimationFrame(()=>{n.focus()})},[o]),x=s??D,g=x.trim().toLowerCase(),V=e.useMemo(()=>({enabled:o,query:g}),[o,g]),T=n=>{const S=n.target.value;s===void 0&&P(S),p?.(S)};return e.createElement(a.Portal,null,e.createElement(a.Content,{ref:R,className:c.cn("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-[8px] border border-[#e6e6e6] bg-white text-[#111111] shadow-sm","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:r,...u},e.createElement(f,null),o?e.createElement("div",{className:"border-b border-[#e6e6e6] p-1"},e.createElement("div",{className:"flex h-9 items-center gap-2 rounded-[6px] border border-[#e6e6e6] px-2"},e.createElement(i.Search,{className:"h-4 w-4 text-[#7f7d83]"}),e.createElement("input",{ref:I,type:"text",value:x,onChange:T,onClick:n=>{n.stopPropagation()},onPointerDown:n=>{n.stopPropagation()},onKeyDownCapture:n=>{n.key!=="Escape"&&n.stopPropagation()},onKeyUpCapture:n=>{n.stopPropagation()},onKeyDown:n=>{n.key!=="Escape"&&n.stopPropagation()},placeholder:d,"aria-label":"Search options",className:"h-full w-full border-0 bg-transparent text-[14px] leading-[20px] text-[#111111] outline-none placeholder:text-[#b3b3b3]"}))):null,e.createElement(a.Viewport,{className:c.cn("p-1",r==="popper"&&"w-full min-w-[var(--radix-select-trigger-width)]")},e.createElement(w.Provider,{value:V},l)),e.createElement(b,null)))});N.displayName=a.Content.displayName;const E=e.forwardRef(({className:t,...l},r)=>e.createElement(a.Label,{ref:r,className:c.cn("px-2 py-1 text-[12px] font-medium text-[#7f7d83]",t),...l}));E.displayName=a.Label.displayName;const v=e.forwardRef(({className:t,children:l,...r},o)=>{const{enabled:d,query:s}=e.useContext(w),p=m(l).toLowerCase(),u=d&&s.length>0&&!p.includes(s);return e.createElement(a.Item,{ref:o,className:c.cn("relative flex w-full cursor-default select-none items-center rounded-[6px] py-2 pl-2 pr-8 text-[14px] leading-[20px] outline-none","focus:bg-[#f1f1f1] focus:text-[#111111] data-[state=checked]:bg-[#f1f1f1] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",u&&"hidden",t),...r},e.createElement("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center"},e.createElement(a.ItemIndicator,null,e.createElement(i.Check,{className:"h-4 w-4 text-[#26453f]"}))),e.createElement(a.ItemText,null,l))});v.displayName=a.Item.displayName;const C=e.forwardRef(({className:t,...l},r)=>e.createElement(a.Separator,{ref:r,className:c.cn("-mx-1 my-1 h-px bg-[#e6e6e6]",t),...l}));C.displayName=a.Separator.displayName;exports.Select=k;exports.SelectContent=N;exports.SelectGroup=L;exports.SelectItem=v;exports.SelectLabel=E;exports.SelectScrollDownButton=b;exports.SelectScrollUpButton=f;exports.SelectSeparator=C;exports.SelectTrigger=y;exports.SelectValue=O;
|
|
2
2
|
//# sourceMappingURL=index.cjs42.js.map
|
package/dist/index.cjs42.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs42.js","sources":["../src/components/ui/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { Check, ChevronDown, ChevronUp } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex h-10 w-full items-center justify-between whitespace-nowrap rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] shadow-none\",\n \"data-[placeholder]:text-[#b3b3b3] [&>span]:line-clamp-1\",\n \"focus-visible:outline-none focus-visible:border-[#1D1C20] data-[state=open]:border-[#1D1C20]\",\n \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:data-[placeholder]:text-[#b3b3b3]\",\n \"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDown className=\"h-4 w-4 text-[#7f7d83]\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1 text-[#7f7d83]\",\n className\n )}\n {...props}\n >\n <ChevronUp className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1 text-[#7f7d83]\",\n className\n )}\n {...props}\n >\n <ChevronDown className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-[8px] border border-[#e6e6e6] bg-white text-[#111111] shadow-sm\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"w-full min-w-[var(--radix-select-trigger-width)]\"\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1 text-[12px] font-medium text-[#7f7d83]\", className)}\n {...props}\n />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex w-full cursor-default select-none items-center rounded-[6px] py-2 pl-2 pr-8 text-[14px] leading-[20px] outline-none\",\n \"focus:bg-[#f1f1f1] focus:text-[#111111] data-[state=checked]:bg-[#f1f1f1] data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4 text-[#26453f]\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 my-1 h-px bg-[#e6e6e6]\", className)}\n {...props}\n />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n}\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","cn","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs42.js","sources":["../src/components/ui/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { Check, ChevronDown, ChevronUp, Search } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex h-10 w-full items-center justify-between whitespace-nowrap rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] shadow-none\",\n \"data-[placeholder]:text-[#b3b3b3] [&>span]:line-clamp-1\",\n \"focus-visible:outline-none focus-visible:border-[#1D1C20] data-[state=open]:border-[#1D1C20]\",\n \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:data-[placeholder]:text-[#b3b3b3]\",\n \"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDown className=\"h-4 w-4 text-[#7f7d83]\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1 text-[#7f7d83]\",\n className\n )}\n {...props}\n >\n <ChevronUp className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1 text-[#7f7d83]\",\n className\n )}\n {...props}\n >\n <ChevronDown className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n SelectPrimitive.ScrollDownButton.displayName\n\ntype SelectContentProps = React.ComponentPropsWithoutRef<\n typeof SelectPrimitive.Content\n> & {\n enableSearch?: boolean\n searchPlaceholder?: string\n searchValue?: string\n onSearchValueChange?: (value: string) => void\n}\n\ntype SelectSearchContextValue = {\n enabled: boolean\n query: string\n}\n\nconst SelectSearchContext = React.createContext<SelectSearchContextValue>({\n enabled: false,\n query: \"\",\n})\n\nconst getNodeText = (node: React.ReactNode): string => {\n if (typeof node === \"string\" || typeof node === \"number\") {\n return String(node)\n }\n\n if (Array.isArray(node)) {\n return node.map(getNodeText).join(\" \")\n }\n\n if (React.isValidElement(node)) {\n const element = node as React.ReactElement<{ children?: React.ReactNode }>\n return getNodeText(element.props.children)\n }\n\n return \"\"\n}\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n SelectContentProps\n>(\n (\n {\n className,\n children,\n position = \"popper\",\n enableSearch = false,\n searchPlaceholder = \"Search...\",\n searchValue,\n onSearchValueChange,\n ...props\n },\n ref\n ) => {\n const [localSearchValue, setLocalSearchValue] = React.useState(\"\")\n const searchInputRef = React.useRef<HTMLInputElement | null>(null)\n const setSearchInputRef = React.useCallback(\n (node: HTMLInputElement | null) => {\n searchInputRef.current = node\n if (!node || !enableSearch) {\n return\n }\n window.requestAnimationFrame(() => {\n node.focus()\n })\n },\n [enableSearch]\n )\n\n const currentSearchValue = searchValue ?? localSearchValue\n const normalizedSearchValue = currentSearchValue.trim().toLowerCase()\n const searchContextValue = React.useMemo(\n () => ({\n enabled: enableSearch,\n query: normalizedSearchValue,\n }),\n [enableSearch, normalizedSearchValue]\n )\n\n const handleSearchChange: React.ChangeEventHandler<HTMLInputElement> = (\n event\n ) => {\n const nextValue = event.target.value\n if (searchValue === undefined) {\n setLocalSearchValue(nextValue)\n }\n onSearchValueChange?.(nextValue)\n }\n\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-[8px] border border-[#e6e6e6] bg-white text-[#111111] shadow-sm\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n {enableSearch ? (\n <div className=\"border-b border-[#e6e6e6] p-1\">\n <div className=\"flex h-9 items-center gap-2 rounded-[6px] border border-[#e6e6e6] px-2\">\n <Search className=\"h-4 w-4 text-[#7f7d83]\" />\n <input\n ref={setSearchInputRef}\n type=\"text\"\n value={currentSearchValue}\n onChange={handleSearchChange}\n onClick={(event) => {\n event.stopPropagation()\n }}\n onPointerDown={(event) => {\n event.stopPropagation()\n }}\n onKeyDownCapture={(event) => {\n if (event.key !== \"Escape\") {\n event.stopPropagation()\n }\n }}\n onKeyUpCapture={(event) => {\n event.stopPropagation()\n }}\n onKeyDown={(event) => {\n if (event.key !== \"Escape\") {\n event.stopPropagation()\n }\n }}\n placeholder={searchPlaceholder}\n aria-label=\"Search options\"\n className=\"h-full w-full border-0 bg-transparent text-[14px] leading-[20px] text-[#111111] outline-none placeholder:text-[#b3b3b3]\"\n />\n </div>\n </div>\n ) : null}\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"w-full min-w-[var(--radix-select-trigger-width)]\"\n )}\n >\n <SelectSearchContext.Provider value={searchContextValue}>\n {children}\n </SelectSearchContext.Provider>\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n )\n }\n)\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1 text-[12px] font-medium text-[#7f7d83]\", className)}\n {...props}\n />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => {\n const { enabled, query } = React.useContext(SelectSearchContext)\n const itemText = getNodeText(children).toLowerCase()\n const isHidden = enabled && query.length > 0 && !itemText.includes(query)\n\n return (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex w-full cursor-default select-none items-center rounded-[6px] py-2 pl-2 pr-8 text-[14px] leading-[20px] outline-none\",\n \"focus:bg-[#f1f1f1] focus:text-[#111111] data-[state=checked]:bg-[#f1f1f1] data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n isHidden && \"hidden\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4 text-[#26453f]\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n})\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 my-1 h-px bg-[#e6e6e6]\", className)}\n {...props}\n />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n}\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","cn","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectSearchContext","getNodeText","node","SelectContent","position","enableSearch","searchPlaceholder","searchValue","onSearchValueChange","localSearchValue","setLocalSearchValue","searchInputRef","setSearchInputRef","currentSearchValue","normalizedSearchValue","searchContextValue","handleSearchChange","event","nextValue","Search","SelectLabel","SelectItem","enabled","query","itemText","isHidden","Check","SelectSeparator"],"mappings":"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"}
|
package/dist/index.cjs52.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),d=require("@radix-ui/react-tabs"),n=require("./index.cjs57.js");function o(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),d=require("@radix-ui/react-tabs"),n=require("./index.cjs57.js");function o(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const r=o(b),i=o(d),p=i.Root,c=r.forwardRef(({className:e,...a},t)=>r.createElement(i.List,{ref:t,className:n.cn("flex w-full flex-wrap items-center gap-1 rounded-[8px] bg-[#f5f5f5] p-1","data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start",e),...a}));c.displayName=i.List.displayName;const l=r.forwardRef(({className:e,...a},t)=>r.createElement(i.Trigger,{ref:t,className:n.cn("inline-flex h-7 items-center justify-center gap-1 whitespace-nowrap rounded-[8px] border border-transparent bg-transparent px-2 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] transition-colors","[&_svg]:size-3.5","hover:[color:var(--raw-black,#000)]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2","disabled:pointer-events-none disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]","data-[state=active]:bg-white data-[state=active]:shadow-[0_2px_4px_-2px_rgba(19,25,39,0.12),_0_4px_4px_-2px_rgba(19,25,39,0.08)]",e),...a}));l.displayName=i.Trigger.displayName;const f=r.forwardRef(({className:e,...a},t)=>r.createElement(i.Content,{ref:t,className:n.cn("mt-4 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2",e),...a}));f.displayName=i.Content.displayName;exports.Tabs=p;exports.TabsContent=f;exports.TabsList=c;exports.TabsTrigger=l;
|
|
2
2
|
//# sourceMappingURL=index.cjs52.js.map
|
package/dist/index.cjs52.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs52.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"flex w-full flex-wrap items-center gap-1 rounded-[8px] bg-[#f5f5f5] p-1\",\n \"data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start\",\n className\n )}\n {...props}\n />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex h-7 items-center justify-center gap-1 whitespace-nowrap rounded-[8px] border border-transparent bg-transparent px-2 text-[
|
|
1
|
+
{"version":3,"file":"index.cjs52.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"flex w-full flex-wrap items-center gap-1 rounded-[8px] bg-[#f5f5f5] p-1\",\n \"data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start\",\n className\n )}\n {...props}\n />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex h-7 items-center justify-center gap-1 whitespace-nowrap rounded-[8px] border border-transparent bg-transparent px-2 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] transition-colors\",\n \"[&_svg]:size-3.5\",\n \"hover:[color:var(--raw-black,#000)]\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2\",\n \"disabled:pointer-events-none disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]\",\n \"data-[state=active]:bg-white data-[state=active]:shadow-[0_2px_4px_-2px_rgba(19,25,39,0.12),_0_4px_4px_-2px_rgba(19,25,39,0.08)]\",\n className\n )}\n {...props}\n />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"mt-4 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2\",\n className\n )}\n {...props}\n />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":"0cAKMA,EAAOC,EAAc,KAErBC,EAAWC,EAAM,WAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BH,EAAA,cAACF,EAAc,KAAd,CACC,IAAAK,EACA,UAAWC,EAAAA,GACT,0EACA,kHACAH,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAS,YAAcD,EAAc,KAAK,YAE1C,MAAMO,EAAcL,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BH,EAAA,cAACF,EAAc,QAAd,CACC,IAAAK,EACA,UAAWC,EAAAA,GACT,mPACA,mBACA,sCACA,2GACA,6EACA,mIACAH,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDG,EAAY,YAAcP,EAAc,QAAQ,YAEhD,MAAMQ,EAAcN,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BH,EAAA,cAACF,EAAc,QAAd,CACC,IAAAK,EACA,UAAWC,EAAAA,GACT,+MACAH,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDI,EAAY,YAAcR,EAAc,QAAQ"}
|
package/dist/index.es42.js
CHANGED
|
@@ -1,121 +1,185 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import * as t from "@radix-ui/react-select";
|
|
3
|
-
import { ChevronDown as
|
|
4
|
-
import { cn as
|
|
5
|
-
const
|
|
3
|
+
import { ChevronDown as b, Search as D, Check as I, ChevronUp as P } from "lucide-react";
|
|
4
|
+
import { cn as s } from "./index.es57.js";
|
|
5
|
+
const q = t.Root, z = t.Group, A = t.Value, V = e.forwardRef(({ className: a, children: l, ...o }, n) => /* @__PURE__ */ e.createElement(
|
|
6
6
|
t.Trigger,
|
|
7
7
|
{
|
|
8
|
-
ref:
|
|
9
|
-
className:
|
|
8
|
+
ref: n,
|
|
9
|
+
className: s(
|
|
10
10
|
"flex h-10 w-full items-center justify-between whitespace-nowrap rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] shadow-none",
|
|
11
11
|
"data-[placeholder]:text-[#b3b3b3] [&>span]:line-clamp-1",
|
|
12
12
|
"focus-visible:outline-none focus-visible:border-[#1D1C20] data-[state=open]:border-[#1D1C20]",
|
|
13
13
|
"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:data-[placeholder]:text-[#b3b3b3]",
|
|
14
14
|
"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]",
|
|
15
|
-
|
|
15
|
+
a
|
|
16
16
|
),
|
|
17
|
-
...
|
|
17
|
+
...o
|
|
18
18
|
},
|
|
19
|
-
|
|
20
|
-
/* @__PURE__ */ e.createElement(t.Icon, { asChild: !0 }, /* @__PURE__ */ e.createElement(
|
|
19
|
+
l,
|
|
20
|
+
/* @__PURE__ */ e.createElement(t.Icon, { asChild: !0 }, /* @__PURE__ */ e.createElement(b, { className: "h-4 w-4 text-[#7f7d83]" }))
|
|
21
21
|
));
|
|
22
|
-
|
|
23
|
-
const
|
|
22
|
+
V.displayName = t.Trigger.displayName;
|
|
23
|
+
const h = e.forwardRef(({ className: a, ...l }, o) => /* @__PURE__ */ e.createElement(
|
|
24
24
|
t.ScrollUpButton,
|
|
25
25
|
{
|
|
26
|
-
ref:
|
|
27
|
-
className:
|
|
26
|
+
ref: o,
|
|
27
|
+
className: s(
|
|
28
28
|
"flex cursor-default items-center justify-center py-1 text-[#7f7d83]",
|
|
29
|
-
|
|
29
|
+
a
|
|
30
30
|
),
|
|
31
|
-
...
|
|
31
|
+
...l
|
|
32
32
|
},
|
|
33
|
-
/* @__PURE__ */ e.createElement(
|
|
33
|
+
/* @__PURE__ */ e.createElement(P, { className: "h-4 w-4" })
|
|
34
34
|
));
|
|
35
|
-
|
|
36
|
-
const
|
|
35
|
+
h.displayName = t.ScrollUpButton.displayName;
|
|
36
|
+
const w = e.forwardRef(({ className: a, ...l }, o) => /* @__PURE__ */ e.createElement(
|
|
37
37
|
t.ScrollDownButton,
|
|
38
38
|
{
|
|
39
|
-
ref:
|
|
40
|
-
className:
|
|
39
|
+
ref: o,
|
|
40
|
+
className: s(
|
|
41
41
|
"flex cursor-default items-center justify-center py-1 text-[#7f7d83]",
|
|
42
|
-
|
|
42
|
+
a
|
|
43
43
|
),
|
|
44
|
-
...
|
|
44
|
+
...l
|
|
45
45
|
},
|
|
46
|
-
/* @__PURE__ */ e.createElement(
|
|
46
|
+
/* @__PURE__ */ e.createElement(b, { className: "h-4 w-4" })
|
|
47
47
|
));
|
|
48
|
-
|
|
49
|
-
const
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
)
|
|
75
|
-
u
|
|
76
|
-
|
|
48
|
+
w.displayName = t.ScrollDownButton.displayName;
|
|
49
|
+
const y = e.createContext({
|
|
50
|
+
enabled: !1,
|
|
51
|
+
query: ""
|
|
52
|
+
}), p = (a) => typeof a == "string" || typeof a == "number" ? String(a) : Array.isArray(a) ? a.map(p).join(" ") : e.isValidElement(a) ? p(a.props.children) : "", k = e.forwardRef(
|
|
53
|
+
({
|
|
54
|
+
className: a,
|
|
55
|
+
children: l,
|
|
56
|
+
position: o = "popper",
|
|
57
|
+
enableSearch: n = !1,
|
|
58
|
+
searchPlaceholder: i = "Search...",
|
|
59
|
+
searchValue: c,
|
|
60
|
+
onSearchValueChange: d,
|
|
61
|
+
...m
|
|
62
|
+
}, g) => {
|
|
63
|
+
const [N, S] = e.useState(""), E = e.useRef(null), C = e.useCallback(
|
|
64
|
+
(r) => {
|
|
65
|
+
E.current = r, !(!r || !n) && window.requestAnimationFrame(() => {
|
|
66
|
+
r.focus();
|
|
67
|
+
});
|
|
68
|
+
},
|
|
69
|
+
[n]
|
|
70
|
+
), f = c ?? N, u = f.trim().toLowerCase(), v = e.useMemo(
|
|
71
|
+
() => ({
|
|
72
|
+
enabled: n,
|
|
73
|
+
query: u
|
|
74
|
+
}),
|
|
75
|
+
[n, u]
|
|
76
|
+
), R = (r) => {
|
|
77
|
+
const x = r.target.value;
|
|
78
|
+
c === void 0 && S(x), d?.(x);
|
|
79
|
+
};
|
|
80
|
+
return /* @__PURE__ */ e.createElement(t.Portal, null, /* @__PURE__ */ e.createElement(
|
|
81
|
+
t.Content,
|
|
82
|
+
{
|
|
83
|
+
ref: g,
|
|
84
|
+
className: s(
|
|
85
|
+
"relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-[8px] border border-[#e6e6e6] bg-white text-[#111111] shadow-sm",
|
|
86
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
|
|
87
|
+
o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
|
88
|
+
a
|
|
89
|
+
),
|
|
90
|
+
position: o,
|
|
91
|
+
...m
|
|
92
|
+
},
|
|
93
|
+
/* @__PURE__ */ e.createElement(h, null),
|
|
94
|
+
n ? /* @__PURE__ */ e.createElement("div", { className: "border-b border-[#e6e6e6] p-1" }, /* @__PURE__ */ e.createElement("div", { className: "flex h-9 items-center gap-2 rounded-[6px] border border-[#e6e6e6] px-2" }, /* @__PURE__ */ e.createElement(D, { className: "h-4 w-4 text-[#7f7d83]" }), /* @__PURE__ */ e.createElement(
|
|
95
|
+
"input",
|
|
96
|
+
{
|
|
97
|
+
ref: C,
|
|
98
|
+
type: "text",
|
|
99
|
+
value: f,
|
|
100
|
+
onChange: R,
|
|
101
|
+
onClick: (r) => {
|
|
102
|
+
r.stopPropagation();
|
|
103
|
+
},
|
|
104
|
+
onPointerDown: (r) => {
|
|
105
|
+
r.stopPropagation();
|
|
106
|
+
},
|
|
107
|
+
onKeyDownCapture: (r) => {
|
|
108
|
+
r.key !== "Escape" && r.stopPropagation();
|
|
109
|
+
},
|
|
110
|
+
onKeyUpCapture: (r) => {
|
|
111
|
+
r.stopPropagation();
|
|
112
|
+
},
|
|
113
|
+
onKeyDown: (r) => {
|
|
114
|
+
r.key !== "Escape" && r.stopPropagation();
|
|
115
|
+
},
|
|
116
|
+
placeholder: i,
|
|
117
|
+
"aria-label": "Search options",
|
|
118
|
+
className: "h-full w-full border-0 bg-transparent text-[14px] leading-[20px] text-[#111111] outline-none placeholder:text-[#b3b3b3]"
|
|
119
|
+
}
|
|
120
|
+
))) : null,
|
|
121
|
+
/* @__PURE__ */ e.createElement(
|
|
122
|
+
t.Viewport,
|
|
123
|
+
{
|
|
124
|
+
className: s(
|
|
125
|
+
"p-1",
|
|
126
|
+
o === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]"
|
|
127
|
+
)
|
|
128
|
+
},
|
|
129
|
+
/* @__PURE__ */ e.createElement(y.Provider, { value: v }, l)
|
|
130
|
+
),
|
|
131
|
+
/* @__PURE__ */ e.createElement(w, null)
|
|
132
|
+
));
|
|
133
|
+
}
|
|
134
|
+
);
|
|
135
|
+
k.displayName = t.Content.displayName;
|
|
136
|
+
const B = e.forwardRef(({ className: a, ...l }, o) => /* @__PURE__ */ e.createElement(
|
|
77
137
|
t.Label,
|
|
78
138
|
{
|
|
79
|
-
ref:
|
|
80
|
-
className:
|
|
81
|
-
...
|
|
139
|
+
ref: o,
|
|
140
|
+
className: s("px-2 py-1 text-[12px] font-medium text-[#7f7d83]", a),
|
|
141
|
+
...l
|
|
82
142
|
}
|
|
83
143
|
));
|
|
84
|
-
|
|
85
|
-
const
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
144
|
+
B.displayName = t.Label.displayName;
|
|
145
|
+
const L = e.forwardRef(({ className: a, children: l, ...o }, n) => {
|
|
146
|
+
const { enabled: i, query: c } = e.useContext(y), d = p(l).toLowerCase(), m = i && c.length > 0 && !d.includes(c);
|
|
147
|
+
return /* @__PURE__ */ e.createElement(
|
|
148
|
+
t.Item,
|
|
149
|
+
{
|
|
150
|
+
ref: n,
|
|
151
|
+
className: s(
|
|
152
|
+
"relative flex w-full cursor-default select-none items-center rounded-[6px] py-2 pl-2 pr-8 text-[14px] leading-[20px] outline-none",
|
|
153
|
+
"focus:bg-[#f1f1f1] focus:text-[#111111] data-[state=checked]:bg-[#f1f1f1] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
154
|
+
m && "hidden",
|
|
155
|
+
a
|
|
156
|
+
),
|
|
157
|
+
...o
|
|
158
|
+
},
|
|
159
|
+
/* @__PURE__ */ e.createElement("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ e.createElement(t.ItemIndicator, null, /* @__PURE__ */ e.createElement(I, { className: "h-4 w-4 text-[#26453f]" }))),
|
|
160
|
+
/* @__PURE__ */ e.createElement(t.ItemText, null, l)
|
|
161
|
+
);
|
|
162
|
+
});
|
|
163
|
+
L.displayName = t.Item.displayName;
|
|
164
|
+
const T = e.forwardRef(({ className: a, ...l }, o) => /* @__PURE__ */ e.createElement(
|
|
101
165
|
t.Separator,
|
|
102
166
|
{
|
|
103
|
-
ref:
|
|
104
|
-
className:
|
|
105
|
-
...
|
|
167
|
+
ref: o,
|
|
168
|
+
className: s("-mx-1 my-1 h-px bg-[#e6e6e6]", a),
|
|
169
|
+
...l
|
|
106
170
|
}
|
|
107
171
|
));
|
|
108
|
-
|
|
172
|
+
T.displayName = t.Separator.displayName;
|
|
109
173
|
export {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
174
|
+
q as Select,
|
|
175
|
+
k as SelectContent,
|
|
176
|
+
z as SelectGroup,
|
|
177
|
+
L as SelectItem,
|
|
178
|
+
B as SelectLabel,
|
|
179
|
+
w as SelectScrollDownButton,
|
|
180
|
+
h as SelectScrollUpButton,
|
|
181
|
+
T as SelectSeparator,
|
|
182
|
+
V as SelectTrigger,
|
|
183
|
+
A as SelectValue
|
|
120
184
|
};
|
|
121
185
|
//# sourceMappingURL=index.es42.js.map
|
package/dist/index.es42.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es42.js","sources":["../src/components/ui/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { Check, ChevronDown, ChevronUp } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex h-10 w-full items-center justify-between whitespace-nowrap rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] shadow-none\",\n \"data-[placeholder]:text-[#b3b3b3] [&>span]:line-clamp-1\",\n \"focus-visible:outline-none focus-visible:border-[#1D1C20] data-[state=open]:border-[#1D1C20]\",\n \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:data-[placeholder]:text-[#b3b3b3]\",\n \"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDown className=\"h-4 w-4 text-[#7f7d83]\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1 text-[#7f7d83]\",\n className\n )}\n {...props}\n >\n <ChevronUp className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1 text-[#7f7d83]\",\n className\n )}\n {...props}\n >\n <ChevronDown className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n SelectPrimitive.ScrollDownButton.displayName\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-[8px] border border-[#e6e6e6] bg-white text-[#111111] shadow-sm\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"w-full min-w-[var(--radix-select-trigger-width)]\"\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1 text-[12px] font-medium text-[#7f7d83]\", className)}\n {...props}\n />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex w-full cursor-default select-none items-center rounded-[6px] py-2 pl-2 pr-8 text-[14px] leading-[20px] outline-none\",\n \"focus:bg-[#f1f1f1] focus:text-[#111111] data-[state=checked]:bg-[#f1f1f1] data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4 text-[#26453f]\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 my-1 h-px bg-[#e6e6e6]\", className)}\n {...props}\n />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n}\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","cn","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es42.js","sources":["../src/components/ui/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { Check, ChevronDown, ChevronUp, Search } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex h-10 w-full items-center justify-between whitespace-nowrap rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] shadow-none\",\n \"data-[placeholder]:text-[#b3b3b3] [&>span]:line-clamp-1\",\n \"focus-visible:outline-none focus-visible:border-[#1D1C20] data-[state=open]:border-[#1D1C20]\",\n \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:data-[placeholder]:text-[#b3b3b3]\",\n \"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]\",\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDown className=\"h-4 w-4 text-[#7f7d83]\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1 text-[#7f7d83]\",\n className\n )}\n {...props}\n >\n <ChevronUp className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollUpButton>\n))\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1 text-[#7f7d83]\",\n className\n )}\n {...props}\n >\n <ChevronDown className=\"h-4 w-4\" />\n </SelectPrimitive.ScrollDownButton>\n))\nSelectScrollDownButton.displayName =\n SelectPrimitive.ScrollDownButton.displayName\n\ntype SelectContentProps = React.ComponentPropsWithoutRef<\n typeof SelectPrimitive.Content\n> & {\n enableSearch?: boolean\n searchPlaceholder?: string\n searchValue?: string\n onSearchValueChange?: (value: string) => void\n}\n\ntype SelectSearchContextValue = {\n enabled: boolean\n query: string\n}\n\nconst SelectSearchContext = React.createContext<SelectSearchContextValue>({\n enabled: false,\n query: \"\",\n})\n\nconst getNodeText = (node: React.ReactNode): string => {\n if (typeof node === \"string\" || typeof node === \"number\") {\n return String(node)\n }\n\n if (Array.isArray(node)) {\n return node.map(getNodeText).join(\" \")\n }\n\n if (React.isValidElement(node)) {\n const element = node as React.ReactElement<{ children?: React.ReactNode }>\n return getNodeText(element.props.children)\n }\n\n return \"\"\n}\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n SelectContentProps\n>(\n (\n {\n className,\n children,\n position = \"popper\",\n enableSearch = false,\n searchPlaceholder = \"Search...\",\n searchValue,\n onSearchValueChange,\n ...props\n },\n ref\n ) => {\n const [localSearchValue, setLocalSearchValue] = React.useState(\"\")\n const searchInputRef = React.useRef<HTMLInputElement | null>(null)\n const setSearchInputRef = React.useCallback(\n (node: HTMLInputElement | null) => {\n searchInputRef.current = node\n if (!node || !enableSearch) {\n return\n }\n window.requestAnimationFrame(() => {\n node.focus()\n })\n },\n [enableSearch]\n )\n\n const currentSearchValue = searchValue ?? localSearchValue\n const normalizedSearchValue = currentSearchValue.trim().toLowerCase()\n const searchContextValue = React.useMemo(\n () => ({\n enabled: enableSearch,\n query: normalizedSearchValue,\n }),\n [enableSearch, normalizedSearchValue]\n )\n\n const handleSearchChange: React.ChangeEventHandler<HTMLInputElement> = (\n event\n ) => {\n const nextValue = event.target.value\n if (searchValue === undefined) {\n setLocalSearchValue(nextValue)\n }\n onSearchValueChange?.(nextValue)\n }\n\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-[8px] border border-[#e6e6e6] bg-white text-[#111111] shadow-sm\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n {enableSearch ? (\n <div className=\"border-b border-[#e6e6e6] p-1\">\n <div className=\"flex h-9 items-center gap-2 rounded-[6px] border border-[#e6e6e6] px-2\">\n <Search className=\"h-4 w-4 text-[#7f7d83]\" />\n <input\n ref={setSearchInputRef}\n type=\"text\"\n value={currentSearchValue}\n onChange={handleSearchChange}\n onClick={(event) => {\n event.stopPropagation()\n }}\n onPointerDown={(event) => {\n event.stopPropagation()\n }}\n onKeyDownCapture={(event) => {\n if (event.key !== \"Escape\") {\n event.stopPropagation()\n }\n }}\n onKeyUpCapture={(event) => {\n event.stopPropagation()\n }}\n onKeyDown={(event) => {\n if (event.key !== \"Escape\") {\n event.stopPropagation()\n }\n }}\n placeholder={searchPlaceholder}\n aria-label=\"Search options\"\n className=\"h-full w-full border-0 bg-transparent text-[14px] leading-[20px] text-[#111111] outline-none placeholder:text-[#b3b3b3]\"\n />\n </div>\n </div>\n ) : null}\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"w-full min-w-[var(--radix-select-trigger-width)]\"\n )}\n >\n <SelectSearchContext.Provider value={searchContextValue}>\n {children}\n </SelectSearchContext.Provider>\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n )\n }\n)\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1 text-[12px] font-medium text-[#7f7d83]\", className)}\n {...props}\n />\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => {\n const { enabled, query } = React.useContext(SelectSearchContext)\n const itemText = getNodeText(children).toLowerCase()\n const isHidden = enabled && query.length > 0 && !itemText.includes(query)\n\n return (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex w-full cursor-default select-none items-center rounded-[6px] py-2 pl-2 pr-8 text-[14px] leading-[20px] outline-none\",\n \"focus:bg-[#f1f1f1] focus:text-[#111111] data-[state=checked]:bg-[#f1f1f1] data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n isHidden && \"hidden\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <Check className=\"h-4 w-4 text-[#26453f]\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n})\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 my-1 h-px bg-[#e6e6e6]\", className)}\n {...props}\n />\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n}\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","cn","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectSearchContext","getNodeText","node","SelectContent","position","enableSearch","searchPlaceholder","searchValue","onSearchValueChange","localSearchValue","setLocalSearchValue","searchInputRef","setSearchInputRef","currentSearchValue","normalizedSearchValue","searchContextValue","handleSearchChange","event","nextValue","Search","SelectLabel","SelectItem","enabled","query","itemText","isHidden","Check","SelectSeparator"],"mappings":";;;;AAQA,MAAMA,IAASC,EAAgB,MAEzBC,IAAcD,EAAgB,OAE9BE,IAAcF,EAAgB,OAE9BG,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MACpC,gBAAAJ,EAAA;AAAA,EAACJ,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AAAA,EAEHD;AAAA,EACD,gBAAAF,EAAA,cAACJ,EAAgB,MAAhB,EAAqB,SAAO,MAC3B,gBAAAI,EAAA,cAACM,GAAA,EAAY,WAAU,yBAAA,CAAyB,CAClD;AACF,CACD;AACDP,EAAc,cAAcH,EAAgB,QAAQ;AAEpD,MAAMW,IAAuBP,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAJ,EAAA;AAAA,EAACJ,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AAAA,EAEJ,gBAAAH,EAAA,cAACQ,GAAA,EAAU,WAAU,UAAA,CAAU;AACjC,CACD;AACDD,EAAqB,cAAcX,EAAgB,eAAe;AAElE,MAAMa,IAAyBT,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAJ,EAAA;AAAA,EAACJ,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AAAA,EAEJ,gBAAAH,EAAA,cAACM,GAAA,EAAY,WAAU,UAAA,CAAU;AACnC,CACD;AACDG,EAAuB,cACrBb,EAAgB,iBAAiB;AAgBnC,MAAMc,IAAsBV,EAAM,cAAwC;AAAA,EACxE,SAAS;AAAA,EACT,OAAO;AACT,CAAC,GAEKW,IAAc,CAACC,MACf,OAAOA,KAAS,YAAY,OAAOA,KAAS,WACvC,OAAOA,CAAI,IAGhB,MAAM,QAAQA,CAAI,IACbA,EAAK,IAAID,CAAW,EAAE,KAAK,GAAG,IAGnCX,EAAM,eAAeY,CAAI,IAEpBD,EADSC,EACW,MAAM,QAAQ,IAGpC,IAGHC,IAAgBb,EAAM;AAAA,EAI1B,CACE;AAAA,IACE,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAY,IAAW;AAAA,IACX,cAAAC,IAAe;AAAA,IACf,mBAAAC,IAAoB;AAAA,IACpB,aAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,GAAGf;AAAA,EAAA,GAELC,MACG;AACH,UAAM,CAACe,GAAkBC,CAAmB,IAAIpB,EAAM,SAAS,EAAE,GAC3DqB,IAAiBrB,EAAM,OAAgC,IAAI,GAC3DsB,IAAoBtB,EAAM;AAAA,MAC9B,CAACY,MAAkC;AAEjC,QADAS,EAAe,UAAUT,GACrB,GAACA,KAAQ,CAACG,MAGd,OAAO,sBAAsB,MAAM;AACjC,UAAAH,EAAK,MAAA;AAAA,QACP,CAAC;AAAA,MACH;AAAA,MACA,CAACG,CAAY;AAAA,IAAA,GAGTQ,IAAqBN,KAAeE,GACpCK,IAAwBD,EAAmB,KAAA,EAAO,YAAA,GAClDE,IAAqBzB,EAAM;AAAA,MAC/B,OAAO;AAAA,QACL,SAASe;AAAA,QACT,OAAOS;AAAA,MAAA;AAAA,MAET,CAACT,GAAcS,CAAqB;AAAA,IAAA,GAGhCE,IAAiE,CACrEC,MACG;AACH,YAAMC,IAAYD,EAAM,OAAO;AAC/B,MAAIV,MAAgB,UAClBG,EAAoBQ,CAAS,GAE/BV,IAAsBU,CAAS;AAAA,IACjC;AAEA,WACE,gBAAA5B,EAAA,cAACJ,EAAgB,QAAhB,MACC,gBAAAI,EAAA;AAAA,MAACJ,EAAgB;AAAA,MAAhB;AAAA,QACC,KAAAQ;AAAA,QACA,WAAWC;AAAA,UACT;AAAA,UACA;AAAA,UACAS,MAAa,YACX;AAAA,UACFb;AAAA,QAAA;AAAA,QAEF,UAAAa;AAAA,QACC,GAAGX;AAAA,MAAA;AAAA,sCAEHI,GAAA,IAAqB;AAAA,MACrBQ,IACC,gBAAAf,EAAA,cAAC,OAAA,EAAI,WAAU,gCAAA,GACb,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,yEAAA,GACb,gBAAAA,EAAA,cAAC6B,GAAA,EAAO,WAAU,0BAAyB,GAC3C,gBAAA7B,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKsB;AAAA,UACL,MAAK;AAAA,UACL,OAAOC;AAAA,UACP,UAAUG;AAAA,UACV,SAAS,CAACC,MAAU;AAClB,YAAAA,EAAM,gBAAA;AAAA,UACR;AAAA,UACA,eAAe,CAACA,MAAU;AACxB,YAAAA,EAAM,gBAAA;AAAA,UACR;AAAA,UACA,kBAAkB,CAACA,MAAU;AAC3B,YAAIA,EAAM,QAAQ,YAChBA,EAAM,gBAAA;AAAA,UAEV;AAAA,UACA,gBAAgB,CAACA,MAAU;AACzB,YAAAA,EAAM,gBAAA;AAAA,UACR;AAAA,UACA,WAAW,CAACA,MAAU;AACpB,YAAIA,EAAM,QAAQ,YAChBA,EAAM,gBAAA;AAAA,UAEV;AAAA,UACA,aAAaX;AAAA,UACb,cAAW;AAAA,UACX,WAAU;AAAA,QAAA;AAAA,MAAA,CAEd,CACF,IACE;AAAA,MACJ,gBAAAhB,EAAA;AAAA,QAACJ,EAAgB;AAAA,QAAhB;AAAA,UACC,WAAWS;AAAA,YACT;AAAA,YACAS,MAAa,YACX;AAAA,UAAA;AAAA,QACJ;AAAA,wCAECJ,EAAoB,UAApB,EAA6B,OAAOe,KAClCvB,CACH;AAAA,MAAA;AAAA,sCAEDO,GAAA,IAAuB;AAAA,IAAA,CAE5B;AAAA,EAEJ;AACF;AACAI,EAAc,cAAcjB,EAAgB,QAAQ;AAEpD,MAAMkC,IAAc9B,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAJ,EAAA;AAAA,EAACJ,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAG,oDAAoDJ,CAAS;AAAA,IAC1E,GAAGE;AAAA,EAAA;AACN,CACD;AACD2B,EAAY,cAAclC,EAAgB,MAAM;AAEhD,MAAMmC,IAAa/B,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAQ;AAC5C,QAAM,EAAE,SAAA4B,GAAS,OAAAC,EAAA,IAAUjC,EAAM,WAAWU,CAAmB,GACzDwB,IAAWvB,EAAYT,CAAQ,EAAE,YAAA,GACjCiC,IAAWH,KAAWC,EAAM,SAAS,KAAK,CAACC,EAAS,SAASD,CAAK;AAExE,SACE,gBAAAjC,EAAA;AAAA,IAACJ,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA8B,KAAY;AAAA,QACZlC;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,IAEJ,gBAAAH,EAAA,cAAC,QAAA,EAAK,WAAU,gEAAA,GACd,gBAAAA,EAAA,cAACJ,EAAgB,eAAhB,MACC,gBAAAI,EAAA,cAACoC,GAAA,EAAM,WAAU,yBAAA,CAAyB,CAC5C,CACF;AAAA,IACA,gBAAApC,EAAA,cAACJ,EAAgB,UAAhB,MAA0BM,CAAS;AAAA,EAAA;AAG1C,CAAC;AACD6B,EAAW,cAAcnC,EAAgB,KAAK;AAE9C,MAAMyC,IAAkBrC,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGE,EAAA,GAASC,MAC1B,gBAAAJ,EAAA;AAAA,EAACJ,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAG,gCAAgCJ,CAAS;AAAA,IACtD,GAAGE;AAAA,EAAA;AACN,CACD;AACDkC,EAAgB,cAAczC,EAAgB,UAAU;"}
|
package/dist/index.es52.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as t from "react";
|
|
2
2
|
import * as e from "@radix-ui/react-tabs";
|
|
3
|
-
import { cn as
|
|
4
|
-
const
|
|
3
|
+
import { cn as o } from "./index.es57.js";
|
|
4
|
+
const f = e.Root, s = t.forwardRef(({ className: a, ...i }, r) => /* @__PURE__ */ t.createElement(
|
|
5
5
|
e.List,
|
|
6
6
|
{
|
|
7
|
-
ref:
|
|
8
|
-
className:
|
|
7
|
+
ref: r,
|
|
8
|
+
className: o(
|
|
9
9
|
"flex w-full flex-wrap items-center gap-1 rounded-[8px] bg-[#f5f5f5] p-1",
|
|
10
10
|
"data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start",
|
|
11
11
|
a
|
|
@@ -13,15 +13,15 @@ const p = e.Root, o = t.forwardRef(({ className: a, ...i }, s) => /* @__PURE__ *
|
|
|
13
13
|
...i
|
|
14
14
|
}
|
|
15
15
|
));
|
|
16
|
-
|
|
17
|
-
const n = t.forwardRef(({ className: a, ...i },
|
|
16
|
+
s.displayName = e.List.displayName;
|
|
17
|
+
const n = t.forwardRef(({ className: a, ...i }, r) => /* @__PURE__ */ t.createElement(
|
|
18
18
|
e.Trigger,
|
|
19
19
|
{
|
|
20
|
-
ref:
|
|
21
|
-
className:
|
|
22
|
-
"inline-flex h-7 items-center justify-center gap-1 whitespace-nowrap rounded-[8px] border border-transparent bg-transparent px-2 text-[
|
|
20
|
+
ref: r,
|
|
21
|
+
className: o(
|
|
22
|
+
"inline-flex h-7 items-center justify-center gap-1 whitespace-nowrap rounded-[8px] border border-transparent bg-transparent px-2 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] transition-colors",
|
|
23
23
|
"[&_svg]:size-3.5",
|
|
24
|
-
"hover:
|
|
24
|
+
"hover:[color:var(--raw-black,#000)]",
|
|
25
25
|
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2",
|
|
26
26
|
"disabled:pointer-events-none disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]",
|
|
27
27
|
"data-[state=active]:bg-white data-[state=active]:shadow-[0_2px_4px_-2px_rgba(19,25,39,0.12),_0_4px_4px_-2px_rgba(19,25,39,0.08)]",
|
|
@@ -31,12 +31,12 @@ const n = t.forwardRef(({ className: a, ...i }, s) => /* @__PURE__ */ t.createEl
|
|
|
31
31
|
}
|
|
32
32
|
));
|
|
33
33
|
n.displayName = e.Trigger.displayName;
|
|
34
|
-
const l = t.forwardRef(({ className: a, ...i },
|
|
34
|
+
const l = t.forwardRef(({ className: a, ...i }, r) => /* @__PURE__ */ t.createElement(
|
|
35
35
|
e.Content,
|
|
36
36
|
{
|
|
37
|
-
ref:
|
|
38
|
-
className:
|
|
39
|
-
"mt-4 text-[
|
|
37
|
+
ref: r,
|
|
38
|
+
className: o(
|
|
39
|
+
"mt-4 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2",
|
|
40
40
|
a
|
|
41
41
|
),
|
|
42
42
|
...i
|
|
@@ -44,9 +44,9 @@ const l = t.forwardRef(({ className: a, ...i }, s) => /* @__PURE__ */ t.createEl
|
|
|
44
44
|
));
|
|
45
45
|
l.displayName = e.Content.displayName;
|
|
46
46
|
export {
|
|
47
|
-
|
|
47
|
+
f as Tabs,
|
|
48
48
|
l as TabsContent,
|
|
49
|
-
|
|
49
|
+
s as TabsList,
|
|
50
50
|
n as TabsTrigger
|
|
51
51
|
};
|
|
52
52
|
//# sourceMappingURL=index.es52.js.map
|
package/dist/index.es52.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es52.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"flex w-full flex-wrap items-center gap-1 rounded-[8px] bg-[#f5f5f5] p-1\",\n \"data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start\",\n className\n )}\n {...props}\n />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex h-7 items-center justify-center gap-1 whitespace-nowrap rounded-[8px] border border-transparent bg-transparent px-2 text-[
|
|
1
|
+
{"version":3,"file":"index.es52.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"flex w-full flex-wrap items-center gap-1 rounded-[8px] bg-[#f5f5f5] p-1\",\n \"data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-start\",\n className\n )}\n {...props}\n />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex h-7 items-center justify-center gap-1 whitespace-nowrap rounded-[8px] border border-transparent bg-transparent px-2 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] transition-colors\",\n \"[&_svg]:size-3.5\",\n \"hover:[color:var(--raw-black,#000)]\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2\",\n \"disabled:pointer-events-none disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]\",\n \"data-[state=active]:bg-white data-[state=active]:shadow-[0_2px_4px_-2px_rgba(19,25,39,0.12),_0_4px_4px_-2px_rgba(19,25,39,0.08)]\",\n className\n )}\n {...props}\n />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"mt-4 font-['Inter'] text-[16px] not-italic font-medium leading-[24px] [color:var(--raw-black,#000)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1D1C20] focus-visible:ring-offset-2\",\n className\n )}\n {...props}\n />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAE1C,MAAMO,IAAcL,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAY,cAAcP,EAAc,QAAQ;AAEhD,MAAMQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;"}
|
package/dist/style.css
CHANGED
|
@@ -1870,6 +1870,9 @@ video {
|
|
|
1870
1870
|
.align-middle {
|
|
1871
1871
|
vertical-align: middle;
|
|
1872
1872
|
}
|
|
1873
|
+
.font-\[\'Inter\'\] {
|
|
1874
|
+
font-family: 'Inter';
|
|
1875
|
+
}
|
|
1873
1876
|
.font-mono {
|
|
1874
1877
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
1875
1878
|
}
|
|
@@ -1886,9 +1889,6 @@ video {
|
|
|
1886
1889
|
.text-\[10px\] {
|
|
1887
1890
|
font-size: 10px;
|
|
1888
1891
|
}
|
|
1889
|
-
.text-\[11px\] {
|
|
1890
|
-
font-size: 11px;
|
|
1891
|
-
}
|
|
1892
1892
|
.text-\[12px\] {
|
|
1893
1893
|
font-size: 12px;
|
|
1894
1894
|
}
|
|
@@ -1954,6 +1954,9 @@ video {
|
|
|
1954
1954
|
.italic {
|
|
1955
1955
|
font-style: italic;
|
|
1956
1956
|
}
|
|
1957
|
+
.not-italic {
|
|
1958
|
+
font-style: normal;
|
|
1959
|
+
}
|
|
1957
1960
|
.tabular-nums {
|
|
1958
1961
|
--tw-numeric-spacing: tabular-nums;
|
|
1959
1962
|
font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
|
|
@@ -1967,9 +1970,6 @@ video {
|
|
|
1967
1970
|
.leading-8 {
|
|
1968
1971
|
line-height: 2rem;
|
|
1969
1972
|
}
|
|
1970
|
-
.leading-\[14px\] {
|
|
1971
|
-
line-height: 14px;
|
|
1972
|
-
}
|
|
1973
1973
|
.leading-\[16px\] {
|
|
1974
1974
|
line-height: 16px;
|
|
1975
1975
|
}
|
|
@@ -2024,10 +2024,6 @@ video {
|
|
|
2024
2024
|
--tw-text-opacity: 1;
|
|
2025
2025
|
color: rgb(17 17 17 / var(--tw-text-opacity, 1));
|
|
2026
2026
|
}
|
|
2027
|
-
.text-\[\#1D1C20\] {
|
|
2028
|
-
--tw-text-opacity: 1;
|
|
2029
|
-
color: rgb(29 28 32 / var(--tw-text-opacity, 1));
|
|
2030
|
-
}
|
|
2031
2027
|
.text-\[\#2563eb\] {
|
|
2032
2028
|
--tw-text-opacity: 1;
|
|
2033
2029
|
color: rgb(37 99 235 / var(--tw-text-opacity, 1));
|
|
@@ -2329,6 +2325,9 @@ video {
|
|
|
2329
2325
|
.\[--cell-size\:2rem\] {
|
|
2330
2326
|
--cell-size: 2rem;
|
|
2331
2327
|
}
|
|
2328
|
+
.\[color\:var\(--raw-black\2c \#000\)\] {
|
|
2329
|
+
color: var(--raw-black,#000);
|
|
2330
|
+
}
|
|
2332
2331
|
.file\:border-0::file-selector-button {
|
|
2333
2332
|
border-width: 0px;
|
|
2334
2333
|
}
|
|
@@ -2463,10 +2462,6 @@ video {
|
|
|
2463
2462
|
--tw-text-opacity: 1;
|
|
2464
2463
|
color: rgb(17 17 17 / var(--tw-text-opacity, 1));
|
|
2465
2464
|
}
|
|
2466
|
-
.hover\:text-\[\#1D1C20\]:hover {
|
|
2467
|
-
--tw-text-opacity: 1;
|
|
2468
|
-
color: rgb(29 28 32 / var(--tw-text-opacity, 1));
|
|
2469
|
-
}
|
|
2470
2465
|
.hover\:text-accent-foreground:hover {
|
|
2471
2466
|
color: hsl(var(--accent-foreground));
|
|
2472
2467
|
}
|
|
@@ -2489,6 +2484,9 @@ video {
|
|
|
2489
2484
|
.hover\:opacity-100:hover {
|
|
2490
2485
|
opacity: 1;
|
|
2491
2486
|
}
|
|
2487
|
+
.hover\:\[color\:var\(--raw-black\2c \#000\)\]:hover {
|
|
2488
|
+
color: var(--raw-black,#000);
|
|
2489
|
+
}
|
|
2492
2490
|
.hover\:after\:bg-sidebar-border:hover::after {
|
|
2493
2491
|
content: var(--tw-content);
|
|
2494
2492
|
background-color: hsl(var(--sidebar-border));
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "ml-uikit",
|
|
3
3
|
"description": "A Metis Labs UI kit library starter for React with Tailwind CSS, Vite, TypeScript and Shadcn-ui components.",
|
|
4
4
|
"private": false,
|
|
5
|
-
"version": "1.1.
|
|
5
|
+
"version": "1.1.3",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "dist/index.cjs.js",
|
|
8
8
|
"module": "dist/index.es.js",
|