@kushagradhawan/kookie-ui 0.1.63 → 0.1.64
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/components.css +2314 -2224
- package/dist/cjs/components/combobox.d.ts +75 -0
- package/dist/cjs/components/combobox.d.ts.map +1 -0
- package/dist/cjs/components/combobox.js +2 -0
- package/dist/cjs/components/combobox.js.map +7 -0
- package/dist/cjs/components/combobox.props.d.ts +89 -0
- package/dist/cjs/components/combobox.props.d.ts.map +1 -0
- package/dist/cjs/components/combobox.props.js +2 -0
- package/dist/cjs/components/combobox.props.js.map +7 -0
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +1 -1
- package/dist/cjs/components/index.js.map +3 -3
- package/dist/esm/components/combobox.d.ts +75 -0
- package/dist/esm/components/combobox.d.ts.map +1 -0
- package/dist/esm/components/combobox.js +2 -0
- package/dist/esm/components/combobox.js.map +7 -0
- package/dist/esm/components/combobox.props.d.ts +89 -0
- package/dist/esm/components/combobox.props.d.ts.map +1 -0
- package/dist/esm/components/combobox.props.js +2 -0
- package/dist/esm/components/combobox.props.js.map +7 -0
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +3 -3
- package/package.json +2 -1
- package/schemas/base-button.json +1 -1
- package/schemas/button.json +1 -1
- package/schemas/icon-button.json +1 -1
- package/schemas/index.json +6 -6
- package/schemas/toggle-button.json +1 -1
- package/schemas/toggle-icon-button.json +1 -1
- package/src/components/_internal/base-menu.css +3 -3
- package/src/components/combobox.css +125 -0
- package/src/components/combobox.props.tsx +60 -0
- package/src/components/combobox.tsx +470 -0
- package/src/components/index.css +1 -0
- package/src/components/index.tsx +1 -0
- package/styles.css +2314 -2224
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Command as CommandPrimitive } from 'cmdk';
|
|
3
|
+
import { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs } from './combobox.props.js';
|
|
4
|
+
import * as Popover from './popover.js';
|
|
5
|
+
import { textFieldRootPropDefs } from './text-field.props.js';
|
|
6
|
+
import type { MarginProps } from '../props/margin.props.js';
|
|
7
|
+
import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
|
|
8
|
+
import type { GetPropDefTypes } from '../props/prop-def.js';
|
|
9
|
+
type TextFieldVariant = (typeof textFieldRootPropDefs.variant.values)[number];
|
|
10
|
+
type ComboboxValue = string | null;
|
|
11
|
+
type CommandFilter = (value: string, search: string, keywords?: string[]) => number;
|
|
12
|
+
type ComboboxRootOwnProps = GetPropDefTypes<typeof comboboxRootPropDefs> & {
|
|
13
|
+
value?: ComboboxValue;
|
|
14
|
+
defaultValue?: ComboboxValue;
|
|
15
|
+
onValueChange?: (value: ComboboxValue) => void;
|
|
16
|
+
open?: boolean;
|
|
17
|
+
defaultOpen?: boolean;
|
|
18
|
+
onOpenChange?: (open: boolean) => void;
|
|
19
|
+
placeholder?: string;
|
|
20
|
+
searchPlaceholder?: string;
|
|
21
|
+
searchValue?: string;
|
|
22
|
+
defaultSearchValue?: string;
|
|
23
|
+
onSearchValueChange?: (value: string) => void;
|
|
24
|
+
filter?: CommandFilter;
|
|
25
|
+
shouldFilter?: boolean;
|
|
26
|
+
loop?: boolean;
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
};
|
|
29
|
+
type PopoverRootProps = React.ComponentPropsWithoutRef<typeof Popover.Root>;
|
|
30
|
+
interface ComboboxRootProps extends PopoverRootProps, ComboboxRootOwnProps {
|
|
31
|
+
}
|
|
32
|
+
declare const ComboboxRoot: React.FC<ComboboxRootProps>;
|
|
33
|
+
type ComboboxTriggerOwnProps = GetPropDefTypes<typeof comboboxTriggerPropDefs>;
|
|
34
|
+
type NativeTriggerProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>;
|
|
35
|
+
interface ComboboxTriggerProps extends NativeTriggerProps, MarginProps, ComboboxTriggerOwnProps {
|
|
36
|
+
}
|
|
37
|
+
declare const ComboboxTrigger: React.ForwardRefExoticComponent<ComboboxTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
38
|
+
interface ComboboxValueProps extends React.ComponentPropsWithoutRef<'span'> {
|
|
39
|
+
placeholder?: string;
|
|
40
|
+
}
|
|
41
|
+
declare const ComboboxValue: React.ForwardRefExoticComponent<ComboboxValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
42
|
+
type ComboboxContentOwnProps = GetPropDefTypes<typeof comboboxContentPropDefs> & {
|
|
43
|
+
container?: React.ComponentPropsWithoutRef<typeof Popover.Content>['container'];
|
|
44
|
+
};
|
|
45
|
+
interface ComboboxContentProps extends Omit<ComponentPropsWithout<typeof Popover.Content, RemovedProps>, 'size'>, ComboboxContentOwnProps {
|
|
46
|
+
}
|
|
47
|
+
declare const ComboboxContent: React.ForwardRefExoticComponent<ComboboxContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
48
|
+
interface ComboboxInputProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> {
|
|
49
|
+
startAdornment?: React.ReactNode;
|
|
50
|
+
endAdornment?: React.ReactNode;
|
|
51
|
+
variant?: TextFieldVariant;
|
|
52
|
+
}
|
|
53
|
+
declare const ComboboxInput: React.ForwardRefExoticComponent<ComboboxInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
54
|
+
interface ComboboxListProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> {
|
|
55
|
+
}
|
|
56
|
+
declare const ComboboxList: React.ForwardRefExoticComponent<ComboboxListProps & React.RefAttributes<HTMLDivElement>>;
|
|
57
|
+
interface ComboboxEmptyProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> {
|
|
58
|
+
}
|
|
59
|
+
declare const ComboboxEmpty: React.ForwardRefExoticComponent<ComboboxEmptyProps & React.RefAttributes<HTMLDivElement>>;
|
|
60
|
+
interface ComboboxGroupProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> {
|
|
61
|
+
}
|
|
62
|
+
declare const ComboboxGroup: React.ForwardRefExoticComponent<ComboboxGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
+
interface ComboboxLabelProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
64
|
+
}
|
|
65
|
+
declare const ComboboxLabel: React.ForwardRefExoticComponent<ComboboxLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
interface ComboboxSeparatorProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> {
|
|
67
|
+
}
|
|
68
|
+
declare const ComboboxSeparator: React.ForwardRefExoticComponent<ComboboxSeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
69
|
+
interface ComboboxItemProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> {
|
|
70
|
+
label?: string;
|
|
71
|
+
}
|
|
72
|
+
declare const ComboboxItem: React.ForwardRefExoticComponent<ComboboxItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
73
|
+
export { ComboboxRoot as Root, ComboboxTrigger as Trigger, ComboboxValue as Value, ComboboxContent as Content, ComboboxInput as Input, ComboboxList as List, ComboboxEmpty as Empty, ComboboxGroup as Group, ComboboxLabel as Label, ComboboxSeparator as Separator, ComboboxItem as Item, };
|
|
74
|
+
export type { ComboboxRootProps as RootProps, ComboboxTriggerProps as TriggerProps, ComboboxContentProps as ContentProps, ComboboxInputProps as InputProps, ComboboxListProps as ListProps, ComboboxEmptyProps as EmptyProps, ComboboxGroupProps as GroupProps, ComboboxLabelProps as LabelProps, ComboboxSeparatorProps as SeparatorProps, ComboboxItemProps as ItemProps, };
|
|
75
|
+
//# sourceMappingURL=combobox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";"use client";var lo=Object.create;var N=Object.defineProperty;var bo=Object.getOwnPropertyDescriptor;var po=Object.getOwnPropertyNames;var Co=Object.getPrototypeOf,co=Object.prototype.hasOwnProperty;var uo=(e,r)=>{for(var t in r)N(e,t,{get:r[t],enumerable:!0})},_=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of po(r))!co.call(e,a)&&a!==t&&N(e,a,{get:()=>r[a],enumerable:!(n=bo(r,a))||n.enumerable});return e};var G=(e,r,t)=>(t=e!=null?lo(Co(e)):{},_(r||!e||!e.__esModule?N(t,"default",{value:e,enumerable:!0}):t,e)),xo=e=>_(N({},"__esModule",{value:!0}),e);var fo={};uo(fo,{Content:()=>B,Empty:()=>$,Group:()=>H,Input:()=>A,Item:()=>K,Label:()=>q,List:()=>j,Root:()=>W,Separator:()=>J,Trigger:()=>k,Value:()=>L});module.exports=xo(fo);var o=G(require("react")),b=G(require("classnames")),T=require("radix-ui/internal"),g=require("cmdk"),D=require("../helpers/extract-props.js"),x=require("./combobox.props.js"),ro=require("../props/margin.props.js"),z=require("./icons.js"),w=require("./theme.js"),no=require("../helpers/require-react-element.js"),F=G(require("./popover.js")),ao=require("./scroll-area.js"),so=require("./slot.js"),go=require("./text-field.props.js");const oo=o.createContext(null),R=e=>{const r=o.useContext(oo);if(!r)throw new Error(`${e} must be used within Combobox.Root`);return r},eo=o.createContext(null),to=()=>o.useContext(eo),W=e=>{const{children:r,size:t=x.comboboxRootPropDefs.size.default,value:n,defaultValue:a=null,onValueChange:s,open:C,defaultOpen:l=!1,onOpenChange:i,placeholder:p="Select an option",searchPlaceholder:c="Search options...",searchValue:d,defaultSearchValue:u="",onSearchValueChange:v,filter:f,shouldFilter:P=!0,loop:h=!0,disabled:m,...I}=e,[M,y]=(0,T.useControllableState)({prop:C,defaultProp:l,onChange:i}),[E,V]=(0,T.useControllableState)({prop:n??null,defaultProp:a,onChange:s}),[Q,S]=(0,T.useControllableState)({prop:d,defaultProp:u,onChange:v}),U=o.useRef(new Map),X=o.useCallback((O,mo)=>{U.current.set(O,mo)},[]),Y=E!=null?U.current.get(E):void 0,Z=o.useCallback(O=>{V(O),y(!1),S("")},[y,S,V]),io=o.useMemo(()=>({size:t,placeholder:p,searchPlaceholder:c,filter:f,shouldFilter:P,loop:h,disabled:m,open:M,setOpen:y,value:E,setValue:V,searchValue:Q,setSearchValue:S,selectedLabel:Y,registerItemLabel:X,handleSelect:Z}),[t,p,c,f,P,h,m,M,y,E,V,Q,S,Y,X,Z]);return o.createElement(oo.Provider,{value:io},o.createElement(F.Root,{open:M,onOpenChange:y,...I},r))};W.displayName="Combobox.Root";const k=o.forwardRef((e,r)=>{const t=R("Combobox.Trigger"),{children:n,className:a,placeholder:s,disabled:C,readOnly:l,...i}=(0,D.extractProps)({size:t.size,...e},{size:x.comboboxRootPropDefs.size},x.comboboxTriggerPropDefs,ro.marginPropDefs),p=C??t.disabled,c=o.useMemo(()=>({"aria-expanded":t.open,"aria-disabled":p||void 0,"aria-haspopup":"listbox"}),[t.open,p]),d=o.createElement(o.Fragment,null,o.createElement("span",{className:"rt-SelectTriggerInner"},o.createElement(L,{placeholder:s??t.placeholder})),o.createElement(z.ChevronDownIcon,{className:"rt-SelectIcon"})),u=o.createElement("button",{"data-disabled":p||void 0,"data-read-only":l||void 0,...i,...c,ref:r,className:(0,b.default)("rt-reset","rt-SelectTrigger","rt-ComboboxTrigger",a)},n?(0,no.requireReactElement)(n):d);return o.createElement(F.Trigger,{disabled:p},u)});k.displayName="Combobox.Trigger";const L=o.forwardRef(({placeholder:e,children:r,className:t,...n},a)=>{const s=R("Combobox.Value"),C=s.selectedLabel??s.value??void 0,l=e??s.placeholder;return o.createElement("span",{...n,ref:a,className:(0,b.default)("rt-ComboboxValue",t)},C??r??l)});L.displayName="Combobox.Value";const B=o.forwardRef((e,r)=>{const t=R("Combobox.Content"),n=(0,w.useThemeContext)(),a=n.panelBackground,s=e.size??t.size??x.comboboxContentPropDefs.size.default,C=e.variant??x.comboboxContentPropDefs.variant.default,l=e.highContrast??x.comboboxContentPropDefs.highContrast.default,{className:i,children:p,color:c,forceMount:d,container:u,...v}=(0,D.extractProps)({...e,size:s,variant:C,highContrast:l},x.comboboxContentPropDefs),f=c||n.accentColor;let P=i;return typeof s=="string"&&(P=i?.split(/\s+/).filter(Boolean).filter(h=>!/^rt-r-size-\d$/.test(h)).join(" ")||void 0),o.createElement(F.Content,{size:s,"data-accent-color":f,"data-material":a,"data-panel-background":a,align:"start",sideOffset:4,collisionPadding:10,...v,forceMount:d,container:u,ref:r,className:(0,b.default)("rt-PopperContent","rt-BaseMenuContent","rt-ComboboxContent",P)},o.createElement(w.Theme,{asChild:!0},o.createElement(ao.ScrollArea,{type:"auto"},o.createElement("div",{className:(0,b.default)("rt-BaseMenuViewport","rt-ComboboxViewport")},o.createElement(eo.Provider,{value:{variant:C,size:String(s),color:f,material:a}},o.createElement(g.Command,{loop:t.loop,value:t.searchValue,onValueChange:t.setSearchValue,shouldFilter:t.shouldFilter,filter:t.filter,className:"rt-ComboboxCommand"},p))))))});B.displayName="Combobox.Content";const A=o.forwardRef(({className:e,startAdornment:r,endAdornment:t,placeholder:n,variant:a,...s},C)=>{const l=R("Combobox.Input"),i=to(),p=i?.variant??"solid",c=i?.color,d=i?.material,u=a??(p==="solid"?"surface":"soft");return o.createElement("div",{className:(0,b.default)("rt-TextFieldRoot","rt-ComboboxInputRoot",`rt-r-size-${l.size}`,`rt-variant-${u}`),"data-accent-color":c,"data-material":d,"data-panel-background":d},r?o.createElement("div",{className:"rt-TextFieldSlot"},r):null,o.createElement(g.Command.Input,{...s,ref:C,placeholder:n??l.searchPlaceholder,className:(0,b.default)("rt-reset","rt-TextFieldInput",e)}),t?o.createElement("div",{className:"rt-TextFieldSlot","data-side":"right"},t):null)});A.displayName="Combobox.Input";const j=o.forwardRef(({className:e,...r},t)=>o.createElement(g.Command.List,{...r,ref:t,className:(0,b.default)("rt-ComboboxList",e)}));j.displayName="Combobox.List";const $=o.forwardRef(({className:e,...r},t)=>o.createElement(g.Command.Empty,{...r,ref:t,className:(0,b.default)("rt-ComboboxEmpty",e)}));$.displayName="Combobox.Empty";const H=o.forwardRef(({className:e,...r},t)=>o.createElement(g.Command.Group,{...r,ref:t,className:(0,b.default)("rt-BaseMenuGroup","rt-ComboboxGroup",e)}));H.displayName="Combobox.Group";const q=o.forwardRef(({className:e,...r},t)=>o.createElement("div",{...r,ref:t,className:(0,b.default)("rt-BaseMenuLabel","rt-ComboboxLabel",e)}));q.displayName="Combobox.Label";const J=o.forwardRef(({className:e,...r},t)=>o.createElement(g.Command.Separator,{...r,ref:t,className:(0,b.default)("rt-BaseMenuSeparator","rt-ComboboxSeparator",e)}));J.displayName="Combobox.Separator";const K=o.forwardRef(({className:e,children:r,label:t,value:n,disabled:a,onSelect:s,...C},l)=>{const i=R("Combobox.Item"),p=to(),c=t??(typeof r=="string"?r:String(n)),d=n!=null&&i.value===n,u=p?.size?`rt-r-size-${p.size}`:void 0;o.useEffect(()=>{n&&i.registerItemLabel(n,c)},[i,n,c]);const v=o.useCallback(m=>{i.handleSelect(m),s?.(m)},[i,s]),f=a??i.disabled??!1,P=o.useRef(null),h=o.useCallback(m=>{P.current=m,typeof l=="function"?l(m):l&&(l.current=m)},[l]);return o.useEffect(()=>{if(!f&&P.current){const m=P.current;(m.getAttribute("data-disabled")==="false"||m.getAttribute("data-disabled")==="")&&m.removeAttribute("data-disabled");const I=new MutationObserver(()=>{(m.getAttribute("data-disabled")==="false"||m.getAttribute("data-disabled")==="")&&m.removeAttribute("data-disabled")});return I.observe(m,{attributes:!0,attributeFilter:["data-disabled"]}),()=>I.disconnect()}},[f]),o.createElement(g.Command.Item,{...C,value:n,...f?{disabled:!0}:{},ref:h,onSelect:v,className:(0,b.default)("rt-reset","rt-BaseMenuItem","rt-ComboboxItem",e)},d?o.createElement("span",{className:(0,b.default)("rt-BaseMenuItemIndicator","rt-ComboboxItemIndicator",u)},o.createElement(z.ThickCheckIcon,{className:(0,b.default)("rt-BaseMenuItemIndicatorIcon","rt-ComboboxItemIndicatorIcon",u)})):null,o.createElement(so.Slottable,null,r))});K.displayName="Combobox.Item";
|
|
2
|
+
//# sourceMappingURL=combobox.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/combobox.tsx"],
|
|
4
|
+
"sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { useControllableState } from 'radix-ui/internal';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs } from './combobox.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { ChevronDownIcon, ThickCheckIcon } from './icons.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport * as Popover from './popover.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Slottable } from './slot.js';\nimport { textFieldRootPropDefs } from './text-field.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextFieldVariant = (typeof textFieldRootPropDefs.variant.values)[number];\ntype ComboboxValue = string | null;\ntype CommandFilter = (value: string, search: string, keywords?: string[]) => number;\n\ntype ComboboxRootOwnProps = GetPropDefTypes<typeof comboboxRootPropDefs> & {\n value?: ComboboxValue;\n defaultValue?: ComboboxValue;\n onValueChange?: (value: ComboboxValue) => void;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n placeholder?: string;\n searchPlaceholder?: string;\n searchValue?: string;\n defaultSearchValue?: string;\n onSearchValueChange?: (value: string) => void;\n filter?: CommandFilter;\n shouldFilter?: boolean;\n loop?: boolean;\n disabled?: boolean;\n};\n\ninterface ComboboxContextValue extends ComboboxRootOwnProps {\n open: boolean;\n setOpen: (open: boolean) => void;\n value: ComboboxValue;\n setValue: (value: ComboboxValue) => void;\n searchValue: string;\n setSearchValue: (value: string) => void;\n selectedLabel?: string;\n registerItemLabel: (value: string, label: string) => void;\n handleSelect: (value: string) => void;\n}\n\nconst ComboboxContext = React.createContext<ComboboxContextValue | null>(null);\nconst useComboboxContext = (caller: string) => {\n const ctx = React.useContext(ComboboxContext);\n if (!ctx) {\n throw new Error(`${caller} must be used within Combobox.Root`);\n }\n return ctx;\n};\n\nconst ComboboxContentContext = React.createContext<{ variant: 'solid' | 'soft'; size?: string; color?: string; material?: string } | null>(null);\nconst useComboboxContentContext = () => {\n const ctx = React.useContext(ComboboxContentContext);\n return ctx; // Optional - Input might not always be in Content\n};\n\ntype PopoverRootProps = React.ComponentPropsWithoutRef<typeof Popover.Root>;\ninterface ComboboxRootProps extends PopoverRootProps, ComboboxRootOwnProps {}\nconst ComboboxRoot: React.FC<ComboboxRootProps> = (props) => {\n const {\n children,\n size = comboboxRootPropDefs.size.default,\n value: valueProp,\n defaultValue = null,\n onValueChange,\n open: openProp,\n defaultOpen = false,\n onOpenChange,\n placeholder = 'Select an option',\n searchPlaceholder = 'Search options...',\n searchValue: searchValueProp,\n defaultSearchValue = '',\n onSearchValueChange,\n filter,\n shouldFilter = true,\n loop = true,\n disabled,\n ...rootProps\n } = props;\n\n const [open, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: onOpenChange,\n });\n\n const [value, setValue] = useControllableState<ComboboxValue>({\n prop: valueProp ?? null,\n defaultProp: defaultValue,\n onChange: onValueChange,\n });\n\n const [searchValue, setSearchValue] = useControllableState<string>({\n prop: searchValueProp,\n defaultProp: defaultSearchValue,\n onChange: onSearchValueChange,\n });\n\n const labelMapRef = React.useRef(new Map<string, string>());\n const registerItemLabel = React.useCallback((itemValue: string, label: string) => {\n labelMapRef.current.set(itemValue, label);\n }, []);\n\n const selectedLabel = value != null ? labelMapRef.current.get(value) : undefined;\n\n const handleSelect = React.useCallback(\n (nextValue: string) => {\n setValue(nextValue);\n setOpen(false);\n setSearchValue('');\n },\n [setOpen, setSearchValue, setValue],\n );\n\n const contextValue = React.useMemo<ComboboxContextValue>(\n () => ({\n size,\n placeholder,\n searchPlaceholder,\n filter,\n shouldFilter,\n loop,\n disabled,\n open,\n setOpen,\n value,\n setValue,\n searchValue,\n setSearchValue,\n selectedLabel,\n registerItemLabel,\n handleSelect,\n }),\n [size, placeholder, searchPlaceholder, filter, shouldFilter, loop, disabled, open, setOpen, value, setValue, searchValue, setSearchValue, selectedLabel, registerItemLabel, handleSelect],\n );\n\n return (\n <ComboboxContext.Provider value={contextValue}>\n <Popover.Root open={open} onOpenChange={setOpen} {...rootProps}>\n {children}\n </Popover.Root>\n </ComboboxContext.Provider>\n );\n};\nComboboxRoot.displayName = 'Combobox.Root';\n\ntype ComboboxTriggerElement = HTMLButtonElement;\ntype ComboboxTriggerOwnProps = GetPropDefTypes<typeof comboboxTriggerPropDefs>;\ntype NativeTriggerProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>;\ninterface ComboboxTriggerProps extends NativeTriggerProps, MarginProps, ComboboxTriggerOwnProps {}\nconst ComboboxTrigger = React.forwardRef<ComboboxTriggerElement, ComboboxTriggerProps>((props, forwardedRef) => {\n const context = useComboboxContext('Combobox.Trigger');\n const { children, className, placeholder, disabled, readOnly, ...triggerProps } = extractProps(\n { size: context.size, ...props },\n { size: comboboxRootPropDefs.size },\n comboboxTriggerPropDefs,\n marginPropDefs,\n );\n\n const isDisabled = disabled ?? context.disabled;\n const ariaProps = React.useMemo(\n () => ({\n 'aria-expanded': context.open,\n 'aria-disabled': isDisabled || undefined,\n 'aria-haspopup': 'listbox' as const,\n }),\n [context.open, isDisabled],\n );\n\n const defaultContent = (\n <>\n <span className=\"rt-SelectTriggerInner\">\n <ComboboxValue placeholder={placeholder ?? context.placeholder} />\n </span>\n <ChevronDownIcon className=\"rt-SelectIcon\" />\n </>\n );\n\n const triggerChild = (\n <button\n data-disabled={isDisabled || undefined}\n data-read-only={readOnly || undefined}\n {...triggerProps}\n {...ariaProps}\n ref={forwardedRef}\n className={classNames('rt-reset', 'rt-SelectTrigger', 'rt-ComboboxTrigger', className)}\n >\n {children ? requireReactElement(children) : defaultContent}\n </button>\n );\n\n return <Popover.Trigger disabled={isDisabled}>{triggerChild}</Popover.Trigger>;\n});\nComboboxTrigger.displayName = 'Combobox.Trigger';\n\ntype ComboboxValueElement = HTMLSpanElement;\ninterface ComboboxValueProps extends React.ComponentPropsWithoutRef<'span'> {\n placeholder?: string;\n}\nconst ComboboxValue = React.forwardRef<ComboboxValueElement, ComboboxValueProps>(({ placeholder, children, className, ...valueProps }, forwardedRef) => {\n const context = useComboboxContext('Combobox.Value');\n const displayValue = context.selectedLabel ?? context.value ?? undefined;\n const fallback = placeholder ?? context.placeholder;\n return (\n <span {...valueProps} ref={forwardedRef} className={classNames('rt-ComboboxValue', className)}>\n {displayValue ?? children ?? fallback}\n </span>\n );\n});\nComboboxValue.displayName = 'Combobox.Value';\n\ntype ComboboxContentElement = React.ElementRef<typeof Popover.Content>;\ntype ComboboxContentOwnProps = GetPropDefTypes<typeof comboboxContentPropDefs> & {\n container?: React.ComponentPropsWithoutRef<typeof Popover.Content>['container'];\n};\ninterface ComboboxContentProps extends Omit<ComponentPropsWithout<typeof Popover.Content, RemovedProps>, 'size'>, ComboboxContentOwnProps {}\nconst ComboboxContent = React.forwardRef<ComboboxContentElement, ComboboxContentProps>((props, forwardedRef) => {\n const context = useComboboxContext('Combobox.Content');\n const themeContext = useThemeContext();\n const effectiveMaterial = themeContext.panelBackground;\n\n const sizeProp = props.size ?? context.size ?? comboboxContentPropDefs.size.default;\n const variantProp = props.variant ?? comboboxContentPropDefs.variant.default;\n const highContrastProp = props.highContrast ?? comboboxContentPropDefs.highContrast.default;\n\n const { className, children, color, forceMount, container, ...contentProps } = extractProps(\n { ...props, size: sizeProp, variant: variantProp, highContrast: highContrastProp },\n comboboxContentPropDefs,\n );\n const resolvedColor = color || themeContext.accentColor;\n let sanitizedClassName = className;\n if (typeof sizeProp === 'string') {\n sanitizedClassName =\n className\n ?.split(/\\s+/)\n .filter(Boolean)\n .filter((token) => !/^rt-r-size-\\d$/.test(token))\n .join(' ') || undefined;\n }\n\n return (\n <Popover.Content\n size={sizeProp}\n data-accent-color={resolvedColor}\n data-material={effectiveMaterial}\n data-panel-background={effectiveMaterial}\n align=\"start\"\n sideOffset={4}\n collisionPadding={10}\n {...contentProps}\n forceMount={forceMount}\n container={container}\n ref={forwardedRef}\n className={classNames('rt-PopperContent', 'rt-BaseMenuContent', 'rt-ComboboxContent', sanitizedClassName)}\n >\n <Theme asChild>\n <ScrollArea type=\"auto\">\n <div className={classNames('rt-BaseMenuViewport', 'rt-ComboboxViewport')}>\n <ComboboxContentContext.Provider value={{ variant: variantProp, size: String(sizeProp), color: resolvedColor, material: effectiveMaterial }}>\n <CommandPrimitive\n loop={context.loop}\n value={context.searchValue}\n onValueChange={context.setSearchValue}\n shouldFilter={context.shouldFilter}\n filter={context.filter}\n className=\"rt-ComboboxCommand\"\n >\n {children}\n </CommandPrimitive>\n </ComboboxContentContext.Provider>\n </div>\n </ScrollArea>\n </Theme>\n </Popover.Content>\n );\n});\nComboboxContent.displayName = 'Combobox.Content';\n\ntype ComboboxInputElement = React.ElementRef<typeof CommandPrimitive.Input>;\ninterface ComboboxInputProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> {\n startAdornment?: React.ReactNode;\n endAdornment?: React.ReactNode;\n variant?: TextFieldVariant;\n}\nconst ComboboxInput = React.forwardRef<ComboboxInputElement, ComboboxInputProps>(({ className, startAdornment, endAdornment, placeholder, variant: inputVariant, ...inputProps }, forwardedRef) => {\n const context = useComboboxContext('Combobox.Input');\n const contentContext = useComboboxContentContext();\n const contentVariant = contentContext?.variant ?? 'solid';\n const color = contentContext?.color;\n const material = contentContext?.material;\n\n // Map combobox variant to textfield variant: solid -> surface, soft -> soft unless overridden\n const textFieldVariant = inputVariant ?? (contentVariant === 'solid' ? 'surface' : 'soft');\n\n return (\n <div\n className={classNames('rt-TextFieldRoot', 'rt-ComboboxInputRoot', `rt-r-size-${context.size}`, `rt-variant-${textFieldVariant}`)}\n data-accent-color={color}\n data-material={material}\n data-panel-background={material}\n >\n {startAdornment ? <div className=\"rt-TextFieldSlot\">{startAdornment}</div> : null}\n <CommandPrimitive.Input {...inputProps} ref={forwardedRef} placeholder={placeholder ?? context.searchPlaceholder} className={classNames('rt-reset', 'rt-TextFieldInput', className)} />\n {endAdornment ? (\n <div className=\"rt-TextFieldSlot\" data-side=\"right\">\n {endAdornment}\n </div>\n ) : null}\n </div>\n );\n});\nComboboxInput.displayName = 'Combobox.Input';\n\ntype ComboboxListElement = React.ElementRef<typeof CommandPrimitive.List>;\ninterface ComboboxListProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> {}\nconst ComboboxList = React.forwardRef<ComboboxListElement, ComboboxListProps>(({ className, ...listProps }, forwardedRef) => (\n <CommandPrimitive.List {...listProps} ref={forwardedRef} className={classNames('rt-ComboboxList', className)} />\n));\nComboboxList.displayName = 'Combobox.List';\n\ntype ComboboxEmptyElement = React.ElementRef<typeof CommandPrimitive.Empty>;\ninterface ComboboxEmptyProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> {}\nconst ComboboxEmpty = React.forwardRef<ComboboxEmptyElement, ComboboxEmptyProps>(({ className, ...emptyProps }, forwardedRef) => (\n <CommandPrimitive.Empty {...emptyProps} ref={forwardedRef} className={classNames('rt-ComboboxEmpty', className)} />\n));\nComboboxEmpty.displayName = 'Combobox.Empty';\n\ntype ComboboxGroupElement = React.ElementRef<typeof CommandPrimitive.Group>;\ninterface ComboboxGroupProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> {}\nconst ComboboxGroup = React.forwardRef<ComboboxGroupElement, ComboboxGroupProps>(({ className, ...groupProps }, forwardedRef) => (\n <CommandPrimitive.Group {...groupProps} ref={forwardedRef} className={classNames('rt-BaseMenuGroup', 'rt-ComboboxGroup', className)} />\n));\nComboboxGroup.displayName = 'Combobox.Group';\n\ntype ComboboxLabelElement = React.ElementRef<'div'>;\ninterface ComboboxLabelProps extends React.ComponentPropsWithoutRef<'div'> {}\nconst ComboboxLabel = React.forwardRef<ComboboxLabelElement, ComboboxLabelProps>(({ className, ...labelProps }, forwardedRef) => (\n <div {...labelProps} ref={forwardedRef} className={classNames('rt-BaseMenuLabel', 'rt-ComboboxLabel', className)} />\n));\nComboboxLabel.displayName = 'Combobox.Label';\n\ntype ComboboxSeparatorElement = React.ElementRef<typeof CommandPrimitive.Separator>;\ninterface ComboboxSeparatorProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> {}\nconst ComboboxSeparator = React.forwardRef<ComboboxSeparatorElement, ComboboxSeparatorProps>(({ className, ...separatorProps }, forwardedRef) => (\n <CommandPrimitive.Separator {...separatorProps} ref={forwardedRef} className={classNames('rt-BaseMenuSeparator', 'rt-ComboboxSeparator', className)} />\n));\nComboboxSeparator.displayName = 'Combobox.Separator';\n\ntype ComboboxItemElement = React.ElementRef<typeof CommandPrimitive.Item>;\ninterface ComboboxItemProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> {\n label?: string;\n}\nconst ComboboxItem = React.forwardRef<ComboboxItemElement, ComboboxItemProps>(({ className, children, label, value, disabled, onSelect, ...itemProps }, forwardedRef) => {\n const context = useComboboxContext('Combobox.Item');\n const contentContext = useComboboxContentContext();\n const itemLabel = label ?? (typeof children === 'string' ? children : String(value));\n const isSelected = value != null && context.value === value;\n const sizeClass = contentContext?.size ? `rt-r-size-${contentContext.size}` : undefined;\n\n React.useEffect(() => {\n if (value) {\n context.registerItemLabel(value, itemLabel);\n }\n }, [context, value, itemLabel]);\n\n const handleSelect = React.useCallback(\n (selectedValue: string) => {\n context.handleSelect(selectedValue);\n onSelect?.(selectedValue);\n },\n [context, onSelect],\n );\n\n const isDisabled = disabled ?? context.disabled ?? false;\n\n // Internal ref to clean up data-disabled attribute\n const internalRef = React.useRef<ComboboxItemElement | null>(null);\n\n // Ref callback to handle both forwarded ref and internal ref\n const itemRef = React.useCallback(\n (node: ComboboxItemElement | null) => {\n internalRef.current = node;\n if (typeof forwardedRef === 'function') {\n forwardedRef(node);\n } else if (forwardedRef) {\n (forwardedRef as React.MutableRefObject<ComboboxItemElement | null>).current = node;\n }\n },\n [forwardedRef],\n );\n\n // Remove data-disabled attribute if cmdk sets it incorrectly\n React.useEffect(() => {\n if (!isDisabled && internalRef.current) {\n const node = internalRef.current;\n // Check and remove immediately\n if (node.getAttribute('data-disabled') === 'false' || node.getAttribute('data-disabled') === '') {\n node.removeAttribute('data-disabled');\n }\n // Also watch for changes\n const observer = new MutationObserver(() => {\n if (node.getAttribute('data-disabled') === 'false' || node.getAttribute('data-disabled') === '') {\n node.removeAttribute('data-disabled');\n }\n });\n observer.observe(node, { attributes: true, attributeFilter: ['data-disabled'] });\n return () => observer.disconnect();\n }\n }, [isDisabled]);\n\n return (\n <CommandPrimitive.Item\n {...itemProps}\n value={value}\n {...(isDisabled ? { disabled: true } : {})}\n ref={itemRef}\n onSelect={handleSelect}\n className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-ComboboxItem', className)}\n >\n {isSelected ? (\n <span className={classNames('rt-BaseMenuItemIndicator', 'rt-ComboboxItemIndicator', sizeClass)}>\n <ThickCheckIcon className={classNames('rt-BaseMenuItemIndicatorIcon', 'rt-ComboboxItemIndicatorIcon', sizeClass)} />\n </span>\n ) : null}\n <Slottable>{children}</Slottable>\n </CommandPrimitive.Item>\n );\n});\nComboboxItem.displayName = 'Combobox.Item';\n\nexport {\n ComboboxRoot as Root,\n ComboboxTrigger as Trigger,\n ComboboxValue as Value,\n ComboboxContent as Content,\n ComboboxInput as Input,\n ComboboxList as List,\n ComboboxEmpty as Empty,\n ComboboxGroup as Group,\n ComboboxLabel as Label,\n ComboboxSeparator as Separator,\n ComboboxItem as Item,\n};\nexport type {\n ComboboxRootProps as RootProps,\n ComboboxTriggerProps as TriggerProps,\n ComboboxContentProps as ContentProps,\n ComboboxInputProps as InputProps,\n ComboboxListProps as ListProps,\n ComboboxEmptyProps as EmptyProps,\n ComboboxGroupProps as GroupProps,\n ComboboxLabelProps as LabelProps,\n ComboboxSeparatorProps as SeparatorProps,\n ComboboxItemProps as ItemProps,\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["combobox_exports", "__export", "ComboboxContent", "ComboboxEmpty", "ComboboxGroup", "ComboboxInput", "ComboboxItem", "ComboboxLabel", "ComboboxList", "ComboboxRoot", "ComboboxSeparator", "ComboboxTrigger", "ComboboxValue", "__toCommonJS", "React", "import_classnames", "import_internal", "import_cmdk", "import_extract_props", "import_combobox_props", "import_margin_props", "import_icons", "import_theme", "import_require_react_element", "Popover", "import_scroll_area", "import_slot", "import_text_field_props", "ComboboxContext", "useComboboxContext", "caller", "ctx", "ComboboxContentContext", "useComboboxContentContext", "props", "children", "size", "valueProp", "defaultValue", "onValueChange", "openProp", "defaultOpen", "onOpenChange", "placeholder", "searchPlaceholder", "searchValueProp", "defaultSearchValue", "onSearchValueChange", "filter", "shouldFilter", "loop", "disabled", "rootProps", "open", "setOpen", "value", "setValue", "searchValue", "setSearchValue", "labelMapRef", "registerItemLabel", "itemValue", "label", "selectedLabel", "handleSelect", "nextValue", "contextValue", "forwardedRef", "context", "className", "readOnly", "triggerProps", "isDisabled", "ariaProps", "defaultContent", "triggerChild", "classNames", "valueProps", "displayValue", "fallback", "themeContext", "effectiveMaterial", "sizeProp", "variantProp", "highContrastProp", "color", "forceMount", "container", "contentProps", "resolvedColor", "sanitizedClassName", "token", "CommandPrimitive", "startAdornment", "endAdornment", "inputVariant", "inputProps", "contentContext", "contentVariant", "material", "textFieldVariant", "listProps", "emptyProps", "groupProps", "labelProps", "separatorProps", "onSelect", "itemProps", "itemLabel", "isSelected", "sizeClass", "selectedValue", "internalRef", "itemRef", "node", "observer"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
declare const comboboxRootPropDefs: {
|
|
2
|
+
size: {
|
|
3
|
+
type: "enum";
|
|
4
|
+
className: string;
|
|
5
|
+
values: readonly ["1", "2", "3"];
|
|
6
|
+
default: "2";
|
|
7
|
+
responsive: true;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
declare const comboboxTriggerPropDefs: {
|
|
11
|
+
width: {
|
|
12
|
+
type: "string";
|
|
13
|
+
className: string;
|
|
14
|
+
customProperties: "--width"[];
|
|
15
|
+
responsive: true;
|
|
16
|
+
};
|
|
17
|
+
placeholder: {
|
|
18
|
+
type: "string";
|
|
19
|
+
};
|
|
20
|
+
radius: {
|
|
21
|
+
type: "enum";
|
|
22
|
+
values: readonly ["none", "small", "medium", "large", "full"];
|
|
23
|
+
default: undefined;
|
|
24
|
+
};
|
|
25
|
+
color: {
|
|
26
|
+
type: "enum";
|
|
27
|
+
values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
|
|
28
|
+
default: ("gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky") | undefined;
|
|
29
|
+
};
|
|
30
|
+
error: {
|
|
31
|
+
type: "boolean";
|
|
32
|
+
};
|
|
33
|
+
loading: {
|
|
34
|
+
type: "boolean";
|
|
35
|
+
};
|
|
36
|
+
disabled: {
|
|
37
|
+
type: "boolean";
|
|
38
|
+
};
|
|
39
|
+
readOnly: {
|
|
40
|
+
type: "boolean";
|
|
41
|
+
};
|
|
42
|
+
highContrast: {
|
|
43
|
+
type: "boolean";
|
|
44
|
+
className: string;
|
|
45
|
+
default: undefined;
|
|
46
|
+
};
|
|
47
|
+
variant: {
|
|
48
|
+
type: "enum";
|
|
49
|
+
className: string;
|
|
50
|
+
values: readonly ["classic", "surface", "soft", "outline", "ghost"];
|
|
51
|
+
default: "surface";
|
|
52
|
+
};
|
|
53
|
+
panelBackground: {
|
|
54
|
+
type: "enum";
|
|
55
|
+
className: string;
|
|
56
|
+
values: ("solid" | "translucent")[];
|
|
57
|
+
};
|
|
58
|
+
material: {
|
|
59
|
+
type: "enum";
|
|
60
|
+
values: ("solid" | "translucent")[];
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
declare const comboboxContentPropDefs: {
|
|
64
|
+
highContrast: {
|
|
65
|
+
type: "boolean";
|
|
66
|
+
className: string;
|
|
67
|
+
default: undefined;
|
|
68
|
+
};
|
|
69
|
+
color: {
|
|
70
|
+
type: "enum";
|
|
71
|
+
values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
|
|
72
|
+
default: ("gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky") | undefined;
|
|
73
|
+
};
|
|
74
|
+
size: {
|
|
75
|
+
type: "enum";
|
|
76
|
+
className: string;
|
|
77
|
+
values: readonly ["1", "2", "3"];
|
|
78
|
+
default: "2";
|
|
79
|
+
responsive: true;
|
|
80
|
+
};
|
|
81
|
+
variant: {
|
|
82
|
+
type: "enum";
|
|
83
|
+
className: string;
|
|
84
|
+
values: readonly ["solid", "soft"];
|
|
85
|
+
default: "solid";
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
export { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs };
|
|
89
|
+
//# sourceMappingURL=combobox.props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox.props.d.ts","sourceRoot":"","sources":["../../../src/components/combobox.props.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,oBAAoB;;;;;;;;CAIzB,CAAC;AAIF,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B5B,CAAC;AAIF,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;CAQ5B,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var s=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var P=(o,e)=>{for(var t in e)s(o,t,{get:e[t],enumerable:!0})},y=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of b(e))!D.call(o,r)&&r!==t&&s(o,r,{get:()=>e[r],enumerable:!(i=d(e,r))||i.enumerable});return o};var g=o=>y(s({},"__esModule",{value:!0}),o);var z={};P(z,{comboboxContentPropDefs:()=>m,comboboxRootPropDefs:()=>c,comboboxTriggerPropDefs:()=>u});module.exports=g(z);var a=require("../props/color.prop.js"),n=require("../props/high-contrast.prop.js"),l=require("../props/radius.prop.js"),f=require("../props/width.props.js");const p=["1","2","3"],c={size:{type:"enum",className:"rt-r-size",values:p,default:"2",responsive:!0}},v=["classic","surface","soft","outline","ghost"],u={variant:{type:"enum",className:"rt-variant",values:v,default:"surface"},panelBackground:{type:"enum",className:"rt-panel-background",values:["solid","translucent"]},material:{type:"enum",values:["solid","translucent"]},...n.highContrastPropDef,error:{type:"boolean"},loading:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"},...a.colorPropDef,...l.radiusPropDef,width:f.widthPropDefs.width,placeholder:{type:"string"}},h=["solid","soft"],m={size:{type:"enum",className:"rt-r-size",values:p,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:h,default:"solid"},...a.colorPropDef,...n.highContrastPropDef};
|
|
2
|
+
//# sourceMappingURL=combobox.props.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/combobox.props.tsx"],
|
|
4
|
+
"sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\nimport { widthPropDefs } from '../props/width.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\n\nconst comboboxRootPropDefs = {\n size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n};\n\nconst triggerVariants = ['classic', 'surface', 'soft', 'outline', 'ghost'] as const;\n\nconst comboboxTriggerPropDefs = {\n variant: { type: 'enum', className: 'rt-variant', values: triggerVariants, default: 'surface' },\n panelBackground: {\n type: 'enum',\n className: 'rt-panel-background',\n values: ['solid', 'translucent'],\n },\n material: { type: 'enum', values: ['solid', 'translucent'] },\n ...highContrastPropDef,\n error: { type: 'boolean' },\n loading: { type: 'boolean' },\n disabled: { type: 'boolean' },\n readOnly: { type: 'boolean' },\n ...colorPropDef,\n ...radiusPropDef,\n width: widthPropDefs.width,\n placeholder: { type: 'string' },\n} satisfies {\n variant: PropDef<(typeof triggerVariants)[number]>;\n panelBackground: PropDef<'solid' | 'translucent'>;\n material: PropDef<'solid' | 'translucent'>;\n highContrast: PropDef<boolean>;\n error: PropDef<boolean>;\n loading: PropDef<boolean>;\n disabled: PropDef<boolean>;\n readOnly: PropDef<boolean>;\n width: PropDef<string>;\n placeholder: PropDef<string>;\n};\n\nconst contentVariants = ['solid', 'soft'] as const;\n\nconst comboboxContentPropDefs = {\n size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n variant: { type: 'enum', className: 'rt-variant', values: contentVariants, default: 'solid' },\n ...colorPropDef,\n ...highContrastPropDef,\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n variant: PropDef<(typeof contentVariants)[number]>;\n};\n\nexport { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs };\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,6BAAAE,EAAA,yBAAAC,EAAA,4BAAAC,IAAA,eAAAC,EAAAL,GAAA,IAAAM,EAA6B,kCAC7BC,EAAoC,0CACpCC,EAA8B,mCAC9BC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EAEtBP,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQO,EAAO,QAAS,IAAK,WAAY,EAAK,CAC9F,EAIMC,EAAkB,CAAC,UAAW,UAAW,OAAQ,UAAW,OAAO,EAEnEP,EAA0B,CAC9B,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQO,EAAiB,QAAS,SAAU,EAC9F,gBAAiB,CACf,KAAM,OACN,UAAW,sBACX,OAAQ,CAAC,QAAS,aAAa,CACjC,EACA,SAAU,CAAE,KAAM,OAAQ,OAAQ,CAAC,QAAS,aAAa,CAAE,EAC3D,GAAG,sBACH,MAAO,CAAE,KAAM,SAAU,EACzB,QAAS,CAAE,KAAM,SAAU,EAC3B,SAAU,CAAE,KAAM,SAAU,EAC5B,SAAU,CAAE,KAAM,SAAU,EAC5B,GAAG,eACH,GAAG,gBACH,MAAO,gBAAc,MACrB,YAAa,CAAE,KAAM,QAAS,CAChC,EAaMC,EAAkB,CAAC,QAAS,MAAM,EAElCV,EAA0B,CAC9B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQQ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQE,EAAiB,QAAS,OAAQ,EAC5F,GAAG,eACH,GAAG,qBACL",
|
|
6
|
+
"names": ["combobox_props_exports", "__export", "comboboxContentPropDefs", "comboboxRootPropDefs", "comboboxTriggerPropDefs", "__toCommonJS", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "import_width_props", "sizes", "triggerVariants", "contentVariants"]
|
|
7
|
+
}
|
|
@@ -18,6 +18,7 @@ export * as ContextMenu from './context-menu.js';
|
|
|
18
18
|
export * as DataList from './data-list.js';
|
|
19
19
|
export * as Dialog from './dialog.js';
|
|
20
20
|
export * as DropdownMenu from './dropdown-menu.js';
|
|
21
|
+
export * as Combobox from './combobox.js';
|
|
21
22
|
export { Em, type EmProps } from './em.js';
|
|
22
23
|
export { Flex, type FlexProps } from './flex.js';
|
|
23
24
|
export { Grid, type GridProps } from './grid.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var _=Object.create;var m=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var oo=Object.getOwnPropertyNames;var ro=Object.getPrototypeOf,eo=Object.prototype.hasOwnProperty;var to=(r,e)=>{for(var t in e)m(r,t,{get:e[t],enumerable:!0})},n=(r,e,t,f)=>{if(e&&typeof e=="object"||typeof e=="function")for(let x of oo(e))!eo.call(r,x)&&x!==t&&m(r,x,{get:()=>e[x],enumerable:!(f=$(e,x))||f.enumerable});return r};var o=(r,e,t)=>(t=r!=null?_(ro(r)):{},n(e||!r||!r.__esModule?m(t,"default",{value:r,enumerable:!0}):t,r)),po=r=>n(m({},"__esModule",{value:!0}),r);var so={};to(so,{AccessibleIcon:()=>P.AccessibleIcon,Accordion:()=>xo,AlertDialog:()=>mo,AspectRatio:()=>y.AspectRatio,Avatar:()=>i.Avatar,Badge:()=>l.Badge,Blockquote:()=>c.Blockquote,Box:()=>d.Box,Button:()=>C.Button,Callout:()=>ao,Card:()=>S.Card,Chatbar:()=>
|
|
1
|
+
"use strict";var _=Object.create;var m=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var oo=Object.getOwnPropertyNames;var ro=Object.getPrototypeOf,eo=Object.prototype.hasOwnProperty;var to=(r,e)=>{for(var t in e)m(r,t,{get:e[t],enumerable:!0})},n=(r,e,t,f)=>{if(e&&typeof e=="object"||typeof e=="function")for(let x of oo(e))!eo.call(r,x)&&x!==t&&m(r,x,{get:()=>e[x],enumerable:!(f=$(e,x))||f.enumerable});return r};var o=(r,e,t)=>(t=r!=null?_(ro(r)):{},n(e||!r||!r.__esModule?m(t,"default",{value:r,enumerable:!0}):t,r)),po=r=>n(m({},"__esModule",{value:!0}),r);var so={};to(so,{AccessibleIcon:()=>P.AccessibleIcon,Accordion:()=>xo,AlertDialog:()=>mo,AspectRatio:()=>y.AspectRatio,Avatar:()=>i.Avatar,Badge:()=>l.Badge,Blockquote:()=>c.Blockquote,Box:()=>d.Box,Button:()=>C.Button,Callout:()=>ao,Card:()=>S.Card,Chatbar:()=>Do,Checkbox:()=>T.Checkbox,CheckboxCards:()=>fo,CheckboxGroup:()=>no,ChevronDownIcon:()=>p.ChevronDownIcon,Code:()=>g.Code,Combobox:()=>co,Container:()=>h.Container,ContextMenu:()=>Po,DataList:()=>yo,Dialog:()=>io,DropdownMenu:()=>lo,Em:()=>u.Em,Flex:()=>b.Flex,Grid:()=>I.Grid,Heading:()=>k.Heading,HoverCard:()=>Co,IconButton:()=>B.IconButton,Image:()=>A.Image,Inset:()=>R.Inset,Kbd:()=>v.Kbd,Link:()=>D.Link,Popover:()=>So,Portal:()=>H.Portal,Progress:()=>w.Progress,Quote:()=>G.Quote,Radio:()=>F.Radio,RadioCards:()=>To,RadioGroup:()=>go,Reset:()=>L.Reset,ScrollArea:()=>q.ScrollArea,Section:()=>E.Section,SegmentedControl:()=>ho,Select:()=>uo,Separator:()=>K.Separator,Sheet:()=>vo,Shell:()=>Ro,Sidebar:()=>Ao,Skeleton:()=>M.Skeleton,Slider:()=>Q.Slider,Slot:()=>a.Slot,Slottable:()=>a.Slottable,Spinner:()=>U.Spinner,Strong:()=>V.Strong,Switch:()=>z.Switch,TabNav:()=>bo,Table:()=>Io,Tabs:()=>ko,Text:()=>j.Text,TextArea:()=>N.TextArea,TextField:()=>Bo,Theme:()=>s.Theme,ThemeContext:()=>s.ThemeContext,ThemePanel:()=>J.ThemePanel,ThickCheckIcon:()=>p.ThickCheckIcon,ThickChevronRightIcon:()=>p.ThickChevronRightIcon,ThickDividerHorizontalIcon:()=>p.ThickDividerHorizontalIcon,ToggleButton:()=>O.ToggleButton,ToggleIconButton:()=>W.ToggleIconButton,Tooltip:()=>X.Tooltip,UserCard:()=>Y.UserCard,VisuallyHidden:()=>Z.VisuallyHidden,useThemeContext:()=>s.useThemeContext});module.exports=po(so);var P=require("./accessible-icon.js"),xo=o(require("./accordion.js")),mo=o(require("./alert-dialog.js")),y=require("./aspect-ratio.js"),i=require("./avatar.js"),l=require("./badge.js"),c=require("./blockquote.js"),d=require("./box.js"),C=require("./button.js"),ao=o(require("./callout.js")),S=require("./card.js"),fo=o(require("./checkbox-cards.js")),no=o(require("./checkbox-group.js")),T=require("./checkbox.js"),g=require("./code.js"),h=require("./container.js"),Po=o(require("./context-menu.js")),yo=o(require("./data-list.js")),io=o(require("./dialog.js")),lo=o(require("./dropdown-menu.js")),co=o(require("./combobox.js")),u=require("./em.js"),b=require("./flex.js"),I=require("./grid.js"),k=require("./heading.js"),Co=o(require("./hover-card.js")),B=require("./icon-button.js"),p=require("./icons.js"),A=require("./image.js"),R=require("./inset.js"),v=require("./kbd.js"),D=require("./link.js"),So=o(require("./popover.js")),H=require("./portal.js"),w=require("./progress.js"),G=require("./quote.js"),To=o(require("./radio-cards.js")),go=o(require("./radio-group.js")),F=require("./radio.js"),L=require("./reset.js"),q=require("./scroll-area.js"),ho=o(require("./segmented-control.js")),E=require("./section.js"),uo=o(require("./select.js")),K=require("./separator.js"),M=require("./skeleton.js"),Q=require("./slider.js"),a=require("./slot.js"),U=require("./spinner.js"),V=require("./strong.js"),z=require("./switch.js"),bo=o(require("./tab-nav.js")),Io=o(require("./table.js")),ko=o(require("./tabs.js")),N=require("./text-area.js"),Bo=o(require("./text-field.js")),j=require("./text.js"),J=require("./theme-panel.js"),s=require("./theme.js"),O=require("./toggle-button.js"),W=require("./toggle-icon-button.js"),X=require("./tooltip.js"),Y=require("./user-card.js"),Z=require("./visually-hidden.js"),Ao=o(require("./sidebar.js")),Ro=o(require("./shell.js")),vo=o(require("./sheet.js")),Do=o(require("./chatbar.js"));
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/index.tsx"],
|
|
4
|
-
"sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as Accordion from './accordion.js';\nexport * as AlertDialog from './alert-dialog.js';\nexport { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';\nexport { Avatar, type AvatarProps } from './avatar.js';\nexport { Badge, type BadgeProps } from './badge.js';\nexport { Blockquote, type BlockquoteProps } from './blockquote.js';\nexport { Box, type BoxProps } from './box.js';\nexport { Button, type ButtonProps } from './button.js';\nexport * as Callout from './callout.js';\nexport { Card, type CardProps } from './card.js';\nexport * as CheckboxCards from './checkbox-cards.js';\nexport * as CheckboxGroup from './checkbox-group.js';\nexport { Checkbox, type CheckboxProps } from './checkbox.js';\nexport { Code, type CodeProps } from './code.js';\nexport { Container, type ContainerProps } from './container.js';\nexport * as ContextMenu from './context-menu.js';\nexport * as DataList from './data-list.js';\nexport * as Dialog from './dialog.js';\nexport * as DropdownMenu from './dropdown-menu.js';\nexport { Em, type EmProps } from './em.js';\nexport { Flex, type FlexProps } from './flex.js';\nexport { Grid, type GridProps } from './grid.js';\nexport { Heading, type HeadingProps } from './heading.js';\nexport * as HoverCard from './hover-card.js';\nexport { IconButton, type IconButtonProps } from './icon-button.js';\nexport {\n type IconProps,\n ChevronDownIcon,\n ThickCheckIcon,\n ThickChevronRightIcon,\n ThickDividerHorizontalIcon,\n} from './icons.js';\nexport { Image, type ImageProps } from './image.js';\nexport { Inset, type InsetProps } from './inset.js';\nexport { Kbd, type KbdProps } from './kbd.js';\nexport { Link, type LinkProps } from './link.js';\nexport * as Popover from './popover.js';\nexport { Portal, type PortalProps } from './portal.js';\nexport { Progress, type ProgressProps } from './progress.js';\nexport { Quote, type QuoteProps } from './quote.js';\nexport * as RadioCards from './radio-cards.js';\nexport * as RadioGroup from './radio-group.js';\nexport { Radio, type RadioProps } from './radio.js';\nexport { Reset, type ResetProps } from './reset.js';\nexport { ScrollArea, type ScrollAreaProps } from './scroll-area.js';\nexport * as SegmentedControl from './segmented-control.js';\nexport { Section, type SectionProps } from './section.js';\nexport * as Select from './select.js';\nexport { Separator, type SeparatorProps } from './separator.js';\nexport { Skeleton, type SkeletonProps } from './skeleton.js';\nexport { Slider, type SliderProps } from './slider.js';\nexport { Slot, Slottable } from './slot.js';\nexport { Spinner, type SpinnerProps } from './spinner.js';\nexport { Strong, type StrongProps } from './strong.js';\nexport { Switch, type SwitchProps } from './switch.js';\nexport * as TabNav from './tab-nav.js';\nexport * as Table from './table.js';\nexport * as Tabs from './tabs.js';\nexport { TextArea, type TextAreaProps } from './text-area.js';\nexport * as TextField from './text-field.js';\nexport { Text, type TextProps } from './text.js';\nexport { ThemePanel, type ThemePanelProps } from './theme-panel.js';\nexport { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';\nexport { ToggleButton, type ToggleButtonProps } from './toggle-button.js';\nexport { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';\nexport { Tooltip, type TooltipProps } from './tooltip.js';\nexport { UserCard, type UserCardProps } from './user-card.js';\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';\nexport * as Sidebar from './sidebar.js';\nexport * as Shell from './shell.js';\nexport * as Sheet from './sheet.js';\nexport * as Chatbar from './chatbar.js';\n"],
|
|
5
|
-
"mappings": "kkBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,mDAAAE,GAAA,gBAAAC,GAAA,8IAAAC,GAAA,4BAAAC,GAAA,0CAAAC,GAAA,kBAAAC,GAAA,
|
|
6
|
-
"names": ["components_exports", "__export", "Accordion", "AlertDialog", "Callout", "Chatbar", "CheckboxCards", "CheckboxGroup", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "HoverCard", "Popover", "RadioCards", "RadioGroup", "SegmentedControl", "Select", "Sheet", "Shell", "Sidebar", "TabNav", "Table", "Tabs", "TextField", "__toCommonJS", "import_accessible_icon", "import_aspect_ratio", "import_avatar", "import_badge", "import_blockquote", "import_box", "import_button", "import_card", "import_checkbox", "import_code", "import_container", "import_em", "import_flex", "import_grid", "import_heading", "import_icon_button", "import_icons", "import_image", "import_inset", "import_kbd", "import_link", "import_portal", "import_progress", "import_quote", "import_radio", "import_reset", "import_scroll_area", "import_section", "import_separator", "import_skeleton", "import_slider", "import_slot", "import_spinner", "import_strong", "import_switch", "import_text_area", "import_text", "import_theme_panel", "import_theme", "import_toggle_button", "import_toggle_icon_button", "import_tooltip", "import_user_card", "import_visually_hidden"]
|
|
4
|
+
"sourcesContent": ["export { AccessibleIcon, type AccessibleIconProps } from './accessible-icon.js';\nexport * as Accordion from './accordion.js';\nexport * as AlertDialog from './alert-dialog.js';\nexport { AspectRatio, type AspectRatioProps } from './aspect-ratio.js';\nexport { Avatar, type AvatarProps } from './avatar.js';\nexport { Badge, type BadgeProps } from './badge.js';\nexport { Blockquote, type BlockquoteProps } from './blockquote.js';\nexport { Box, type BoxProps } from './box.js';\nexport { Button, type ButtonProps } from './button.js';\nexport * as Callout from './callout.js';\nexport { Card, type CardProps } from './card.js';\nexport * as CheckboxCards from './checkbox-cards.js';\nexport * as CheckboxGroup from './checkbox-group.js';\nexport { Checkbox, type CheckboxProps } from './checkbox.js';\nexport { Code, type CodeProps } from './code.js';\nexport { Container, type ContainerProps } from './container.js';\nexport * as ContextMenu from './context-menu.js';\nexport * as DataList from './data-list.js';\nexport * as Dialog from './dialog.js';\nexport * as DropdownMenu from './dropdown-menu.js';\nexport * as Combobox from './combobox.js';\nexport { Em, type EmProps } from './em.js';\nexport { Flex, type FlexProps } from './flex.js';\nexport { Grid, type GridProps } from './grid.js';\nexport { Heading, type HeadingProps } from './heading.js';\nexport * as HoverCard from './hover-card.js';\nexport { IconButton, type IconButtonProps } from './icon-button.js';\nexport {\n type IconProps,\n ChevronDownIcon,\n ThickCheckIcon,\n ThickChevronRightIcon,\n ThickDividerHorizontalIcon,\n} from './icons.js';\nexport { Image, type ImageProps } from './image.js';\nexport { Inset, type InsetProps } from './inset.js';\nexport { Kbd, type KbdProps } from './kbd.js';\nexport { Link, type LinkProps } from './link.js';\nexport * as Popover from './popover.js';\nexport { Portal, type PortalProps } from './portal.js';\nexport { Progress, type ProgressProps } from './progress.js';\nexport { Quote, type QuoteProps } from './quote.js';\nexport * as RadioCards from './radio-cards.js';\nexport * as RadioGroup from './radio-group.js';\nexport { Radio, type RadioProps } from './radio.js';\nexport { Reset, type ResetProps } from './reset.js';\nexport { ScrollArea, type ScrollAreaProps } from './scroll-area.js';\nexport * as SegmentedControl from './segmented-control.js';\nexport { Section, type SectionProps } from './section.js';\nexport * as Select from './select.js';\nexport { Separator, type SeparatorProps } from './separator.js';\nexport { Skeleton, type SkeletonProps } from './skeleton.js';\nexport { Slider, type SliderProps } from './slider.js';\nexport { Slot, Slottable } from './slot.js';\nexport { Spinner, type SpinnerProps } from './spinner.js';\nexport { Strong, type StrongProps } from './strong.js';\nexport { Switch, type SwitchProps } from './switch.js';\nexport * as TabNav from './tab-nav.js';\nexport * as Table from './table.js';\nexport * as Tabs from './tabs.js';\nexport { TextArea, type TextAreaProps } from './text-area.js';\nexport * as TextField from './text-field.js';\nexport { Text, type TextProps } from './text.js';\nexport { ThemePanel, type ThemePanelProps } from './theme-panel.js';\nexport { Theme, ThemeContext, type ThemeProps, useThemeContext } from './theme.js';\nexport { ToggleButton, type ToggleButtonProps } from './toggle-button.js';\nexport { ToggleIconButton, type ToggleIconButtonProps } from './toggle-icon-button.js';\nexport { Tooltip, type TooltipProps } from './tooltip.js';\nexport { UserCard, type UserCardProps } from './user-card.js';\nexport { VisuallyHidden, type VisuallyHiddenProps } from './visually-hidden.js';\nexport * as Sidebar from './sidebar.js';\nexport * as Shell from './shell.js';\nexport * as Sheet from './sheet.js';\nexport * as Chatbar from './chatbar.js';\n"],
|
|
5
|
+
"mappings": "kkBAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,mDAAAE,GAAA,gBAAAC,GAAA,8IAAAC,GAAA,4BAAAC,GAAA,0CAAAC,GAAA,kBAAAC,GAAA,mEAAAC,GAAA,0CAAAC,GAAA,aAAAC,GAAA,WAAAC,GAAA,iBAAAC,GAAA,gFAAAC,GAAA,0GAAAC,GAAA,+FAAAC,GAAA,eAAAC,GAAA,yFAAAC,GAAA,WAAAC,GAAA,oCAAAC,GAAA,UAAAC,GAAA,YAAAC,GAAA,+JAAAC,GAAA,UAAAC,GAAA,SAAAC,GAAA,sDAAAC,GAAA,ibAAAC,GAAA1B,IAAA,IAAA2B,EAAyD,gCACzDzB,GAA2B,6BAC3BC,GAA6B,gCAC7ByB,EAAmD,6BACnDC,EAAyC,uBACzCC,EAAuC,sBACvCC,EAAiD,2BACjDC,EAAmC,oBACnCC,EAAyC,uBACzC7B,GAAyB,2BACzB8B,EAAqC,qBACrC5B,GAA+B,kCAC/BC,GAA+B,kCAC/B4B,EAA6C,yBAC7CC,EAAqC,qBACrCC,EAA+C,0BAC/C5B,GAA6B,gCAC7BC,GAA0B,6BAC1BC,GAAwB,0BACxBC,GAA8B,iCAC9BJ,GAA0B,4BAC1B8B,EAAiC,mBACjCC,EAAqC,qBACrCC,EAAqC,qBACrCC,EAA2C,wBAC3C5B,GAA2B,8BAC3B6B,EAAiD,4BACjDC,EAMO,sBACPC,EAAuC,sBACvCC,EAAuC,sBACvCC,EAAmC,oBACnCC,EAAqC,qBACrCjC,GAAyB,2BACzBkC,EAAyC,uBACzCC,EAA6C,yBAC7CC,EAAuC,sBACvCnC,GAA4B,+BAC5BC,GAA4B,+BAC5BmC,EAAuC,sBACvCC,EAAuC,sBACvCC,EAAiD,4BACjDpC,GAAkC,qCAClCqC,EAA2C,wBAC3CpC,GAAwB,0BACxBqC,EAA+C,0BAC/CC,EAA6C,yBAC7CC,EAAyC,uBACzCC,EAAgC,qBAChCC,EAA2C,wBAC3CC,EAAyC,uBACzCC,EAAyC,uBACzCvC,GAAwB,2BACxBC,GAAuB,yBACvBC,GAAsB,wBACtBsC,EAA6C,0BAC7CrC,GAA2B,8BAC3BsC,EAAqC,qBACrCC,EAAiD,4BACjDC,EAAsE,sBACtEC,EAAqD,8BACrDC,EAA6D,mCAC7DC,EAA2C,wBAC3CC,EAA6C,0BAC7CC,EAAyD,gCACzDjD,GAAyB,2BACzBD,GAAuB,yBACvBD,GAAuB,yBACvBd,GAAyB",
|
|
6
|
+
"names": ["components_exports", "__export", "Accordion", "AlertDialog", "Callout", "Chatbar", "CheckboxCards", "CheckboxGroup", "Combobox", "ContextMenu", "DataList", "Dialog", "DropdownMenu", "HoverCard", "Popover", "RadioCards", "RadioGroup", "SegmentedControl", "Select", "Sheet", "Shell", "Sidebar", "TabNav", "Table", "Tabs", "TextField", "__toCommonJS", "import_accessible_icon", "import_aspect_ratio", "import_avatar", "import_badge", "import_blockquote", "import_box", "import_button", "import_card", "import_checkbox", "import_code", "import_container", "import_em", "import_flex", "import_grid", "import_heading", "import_icon_button", "import_icons", "import_image", "import_inset", "import_kbd", "import_link", "import_portal", "import_progress", "import_quote", "import_radio", "import_reset", "import_scroll_area", "import_section", "import_separator", "import_skeleton", "import_slider", "import_slot", "import_spinner", "import_strong", "import_switch", "import_text_area", "import_text", "import_theme_panel", "import_theme", "import_toggle_button", "import_toggle_icon_button", "import_tooltip", "import_user_card", "import_visually_hidden"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Command as CommandPrimitive } from 'cmdk';
|
|
3
|
+
import { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs } from './combobox.props.js';
|
|
4
|
+
import * as Popover from './popover.js';
|
|
5
|
+
import { textFieldRootPropDefs } from './text-field.props.js';
|
|
6
|
+
import type { MarginProps } from '../props/margin.props.js';
|
|
7
|
+
import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
|
|
8
|
+
import type { GetPropDefTypes } from '../props/prop-def.js';
|
|
9
|
+
type TextFieldVariant = (typeof textFieldRootPropDefs.variant.values)[number];
|
|
10
|
+
type ComboboxValue = string | null;
|
|
11
|
+
type CommandFilter = (value: string, search: string, keywords?: string[]) => number;
|
|
12
|
+
type ComboboxRootOwnProps = GetPropDefTypes<typeof comboboxRootPropDefs> & {
|
|
13
|
+
value?: ComboboxValue;
|
|
14
|
+
defaultValue?: ComboboxValue;
|
|
15
|
+
onValueChange?: (value: ComboboxValue) => void;
|
|
16
|
+
open?: boolean;
|
|
17
|
+
defaultOpen?: boolean;
|
|
18
|
+
onOpenChange?: (open: boolean) => void;
|
|
19
|
+
placeholder?: string;
|
|
20
|
+
searchPlaceholder?: string;
|
|
21
|
+
searchValue?: string;
|
|
22
|
+
defaultSearchValue?: string;
|
|
23
|
+
onSearchValueChange?: (value: string) => void;
|
|
24
|
+
filter?: CommandFilter;
|
|
25
|
+
shouldFilter?: boolean;
|
|
26
|
+
loop?: boolean;
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
};
|
|
29
|
+
type PopoverRootProps = React.ComponentPropsWithoutRef<typeof Popover.Root>;
|
|
30
|
+
interface ComboboxRootProps extends PopoverRootProps, ComboboxRootOwnProps {
|
|
31
|
+
}
|
|
32
|
+
declare const ComboboxRoot: React.FC<ComboboxRootProps>;
|
|
33
|
+
type ComboboxTriggerOwnProps = GetPropDefTypes<typeof comboboxTriggerPropDefs>;
|
|
34
|
+
type NativeTriggerProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>;
|
|
35
|
+
interface ComboboxTriggerProps extends NativeTriggerProps, MarginProps, ComboboxTriggerOwnProps {
|
|
36
|
+
}
|
|
37
|
+
declare const ComboboxTrigger: React.ForwardRefExoticComponent<ComboboxTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
38
|
+
interface ComboboxValueProps extends React.ComponentPropsWithoutRef<'span'> {
|
|
39
|
+
placeholder?: string;
|
|
40
|
+
}
|
|
41
|
+
declare const ComboboxValue: React.ForwardRefExoticComponent<ComboboxValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
42
|
+
type ComboboxContentOwnProps = GetPropDefTypes<typeof comboboxContentPropDefs> & {
|
|
43
|
+
container?: React.ComponentPropsWithoutRef<typeof Popover.Content>['container'];
|
|
44
|
+
};
|
|
45
|
+
interface ComboboxContentProps extends Omit<ComponentPropsWithout<typeof Popover.Content, RemovedProps>, 'size'>, ComboboxContentOwnProps {
|
|
46
|
+
}
|
|
47
|
+
declare const ComboboxContent: React.ForwardRefExoticComponent<ComboboxContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
48
|
+
interface ComboboxInputProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> {
|
|
49
|
+
startAdornment?: React.ReactNode;
|
|
50
|
+
endAdornment?: React.ReactNode;
|
|
51
|
+
variant?: TextFieldVariant;
|
|
52
|
+
}
|
|
53
|
+
declare const ComboboxInput: React.ForwardRefExoticComponent<ComboboxInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
54
|
+
interface ComboboxListProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> {
|
|
55
|
+
}
|
|
56
|
+
declare const ComboboxList: React.ForwardRefExoticComponent<ComboboxListProps & React.RefAttributes<HTMLDivElement>>;
|
|
57
|
+
interface ComboboxEmptyProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> {
|
|
58
|
+
}
|
|
59
|
+
declare const ComboboxEmpty: React.ForwardRefExoticComponent<ComboboxEmptyProps & React.RefAttributes<HTMLDivElement>>;
|
|
60
|
+
interface ComboboxGroupProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> {
|
|
61
|
+
}
|
|
62
|
+
declare const ComboboxGroup: React.ForwardRefExoticComponent<ComboboxGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
+
interface ComboboxLabelProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
64
|
+
}
|
|
65
|
+
declare const ComboboxLabel: React.ForwardRefExoticComponent<ComboboxLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
interface ComboboxSeparatorProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> {
|
|
67
|
+
}
|
|
68
|
+
declare const ComboboxSeparator: React.ForwardRefExoticComponent<ComboboxSeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
69
|
+
interface ComboboxItemProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> {
|
|
70
|
+
label?: string;
|
|
71
|
+
}
|
|
72
|
+
declare const ComboboxItem: React.ForwardRefExoticComponent<ComboboxItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
73
|
+
export { ComboboxRoot as Root, ComboboxTrigger as Trigger, ComboboxValue as Value, ComboboxContent as Content, ComboboxInput as Input, ComboboxList as List, ComboboxEmpty as Empty, ComboboxGroup as Group, ComboboxLabel as Label, ComboboxSeparator as Separator, ComboboxItem as Item, };
|
|
74
|
+
export type { ComboboxRootProps as RootProps, ComboboxTriggerProps as TriggerProps, ComboboxContentProps as ContentProps, ComboboxInputProps as InputProps, ComboboxListProps as ListProps, ComboboxEmptyProps as EmptyProps, ComboboxGroupProps as GroupProps, ComboboxLabelProps as LabelProps, ComboboxSeparatorProps as SeparatorProps, ComboboxItemProps as ItemProps, };
|
|
75
|
+
//# sourceMappingURL=combobox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";import*as o from"react";import b from"classnames";import{useControllableState as L}from"radix-ui/internal";import{Command as P}from"cmdk";import{extractProps as W}from"../helpers/extract-props.js";import{comboboxRootPropDefs as k,comboboxTriggerPropDefs as eo,comboboxContentPropDefs as S}from"./combobox.props.js";import{marginPropDefs as to}from"../props/margin.props.js";import{ChevronDownIcon as ro,ThickCheckIcon as no}from"./icons.js";import{Theme as ao,useThemeContext as so}from"./theme.js";import{requireReactElement as io}from"../helpers/require-react-element.js";import*as z from"./popover.js";import{ScrollArea as mo}from"./scroll-area.js";import{Slottable as lo}from"./slot.js";import"./text-field.props.js";const B=o.createContext(null),y=t=>{const r=o.useContext(B);if(!r)throw new Error(`${t} must be used within Combobox.Root`);return r},A=o.createContext(null),j=()=>o.useContext(A),$=t=>{const{children:r,size:e=k.size.default,value:n,defaultValue:p=null,onValueChange:a,open:C,defaultOpen:m=!1,onOpenChange:s,placeholder:l="Select an option",searchPlaceholder:c="Search options...",searchValue:d,defaultSearchValue:u="",onSearchValueChange:h,filter:x,shouldFilter:f=!0,loop:g=!0,disabled:i,...R}=t,[N,v]=L({prop:C,defaultProp:m,onChange:s}),[I,E]=L({prop:n??null,defaultProp:p,onChange:a}),[M,V]=L({prop:d,defaultProp:u,onChange:h}),O=o.useRef(new Map),G=o.useCallback((T,oo)=>{O.current.set(T,oo)},[]),F=I!=null?O.current.get(I):void 0,D=o.useCallback(T=>{E(T),v(!1),V("")},[v,V,E]),_=o.useMemo(()=>({size:e,placeholder:l,searchPlaceholder:c,filter:x,shouldFilter:f,loop:g,disabled:i,open:N,setOpen:v,value:I,setValue:E,searchValue:M,setSearchValue:V,selectedLabel:F,registerItemLabel:G,handleSelect:D}),[e,l,c,x,f,g,i,N,v,I,E,M,V,F,G,D]);return o.createElement(B.Provider,{value:_},o.createElement(z.Root,{open:N,onOpenChange:v,...R},r))};$.displayName="Combobox.Root";const H=o.forwardRef((t,r)=>{const e=y("Combobox.Trigger"),{children:n,className:p,placeholder:a,disabled:C,readOnly:m,...s}=W({size:e.size,...t},{size:k.size},eo,to),l=C??e.disabled,c=o.useMemo(()=>({"aria-expanded":e.open,"aria-disabled":l||void 0,"aria-haspopup":"listbox"}),[e.open,l]),d=o.createElement(o.Fragment,null,o.createElement("span",{className:"rt-SelectTriggerInner"},o.createElement(w,{placeholder:a??e.placeholder})),o.createElement(ro,{className:"rt-SelectIcon"})),u=o.createElement("button",{"data-disabled":l||void 0,"data-read-only":m||void 0,...s,...c,ref:r,className:b("rt-reset","rt-SelectTrigger","rt-ComboboxTrigger",p)},n?io(n):d);return o.createElement(z.Trigger,{disabled:l},u)});H.displayName="Combobox.Trigger";const w=o.forwardRef(({placeholder:t,children:r,className:e,...n},p)=>{const a=y("Combobox.Value"),C=a.selectedLabel??a.value??void 0,m=t??a.placeholder;return o.createElement("span",{...n,ref:p,className:b("rt-ComboboxValue",e)},C??r??m)});w.displayName="Combobox.Value";const q=o.forwardRef((t,r)=>{const e=y("Combobox.Content"),n=so(),p=n.panelBackground,a=t.size??e.size??S.size.default,C=t.variant??S.variant.default,m=t.highContrast??S.highContrast.default,{className:s,children:l,color:c,forceMount:d,container:u,...h}=W({...t,size:a,variant:C,highContrast:m},S),x=c||n.accentColor;let f=s;return typeof a=="string"&&(f=s?.split(/\s+/).filter(Boolean).filter(g=>!/^rt-r-size-\d$/.test(g)).join(" ")||void 0),o.createElement(z.Content,{size:a,"data-accent-color":x,"data-material":p,"data-panel-background":p,align:"start",sideOffset:4,collisionPadding:10,...h,forceMount:d,container:u,ref:r,className:b("rt-PopperContent","rt-BaseMenuContent","rt-ComboboxContent",f)},o.createElement(ao,{asChild:!0},o.createElement(mo,{type:"auto"},o.createElement("div",{className:b("rt-BaseMenuViewport","rt-ComboboxViewport")},o.createElement(A.Provider,{value:{variant:C,size:String(a),color:x,material:p}},o.createElement(P,{loop:e.loop,value:e.searchValue,onValueChange:e.setSearchValue,shouldFilter:e.shouldFilter,filter:e.filter,className:"rt-ComboboxCommand"},l))))))});q.displayName="Combobox.Content";const J=o.forwardRef(({className:t,startAdornment:r,endAdornment:e,placeholder:n,variant:p,...a},C)=>{const m=y("Combobox.Input"),s=j(),l=s?.variant??"solid",c=s?.color,d=s?.material,u=p??(l==="solid"?"surface":"soft");return o.createElement("div",{className:b("rt-TextFieldRoot","rt-ComboboxInputRoot",`rt-r-size-${m.size}`,`rt-variant-${u}`),"data-accent-color":c,"data-material":d,"data-panel-background":d},r?o.createElement("div",{className:"rt-TextFieldSlot"},r):null,o.createElement(P.Input,{...a,ref:C,placeholder:n??m.searchPlaceholder,className:b("rt-reset","rt-TextFieldInput",t)}),e?o.createElement("div",{className:"rt-TextFieldSlot","data-side":"right"},e):null)});J.displayName="Combobox.Input";const K=o.forwardRef(({className:t,...r},e)=>o.createElement(P.List,{...r,ref:e,className:b("rt-ComboboxList",t)}));K.displayName="Combobox.List";const Q=o.forwardRef(({className:t,...r},e)=>o.createElement(P.Empty,{...r,ref:e,className:b("rt-ComboboxEmpty",t)}));Q.displayName="Combobox.Empty";const U=o.forwardRef(({className:t,...r},e)=>o.createElement(P.Group,{...r,ref:e,className:b("rt-BaseMenuGroup","rt-ComboboxGroup",t)}));U.displayName="Combobox.Group";const X=o.forwardRef(({className:t,...r},e)=>o.createElement("div",{...r,ref:e,className:b("rt-BaseMenuLabel","rt-ComboboxLabel",t)}));X.displayName="Combobox.Label";const Y=o.forwardRef(({className:t,...r},e)=>o.createElement(P.Separator,{...r,ref:e,className:b("rt-BaseMenuSeparator","rt-ComboboxSeparator",t)}));Y.displayName="Combobox.Separator";const Z=o.forwardRef(({className:t,children:r,label:e,value:n,disabled:p,onSelect:a,...C},m)=>{const s=y("Combobox.Item"),l=j(),c=e??(typeof r=="string"?r:String(n)),d=n!=null&&s.value===n,u=l?.size?`rt-r-size-${l.size}`:void 0;o.useEffect(()=>{n&&s.registerItemLabel(n,c)},[s,n,c]);const h=o.useCallback(i=>{s.handleSelect(i),a?.(i)},[s,a]),x=p??s.disabled??!1,f=o.useRef(null),g=o.useCallback(i=>{f.current=i,typeof m=="function"?m(i):m&&(m.current=i)},[m]);return o.useEffect(()=>{if(!x&&f.current){const i=f.current;(i.getAttribute("data-disabled")==="false"||i.getAttribute("data-disabled")==="")&&i.removeAttribute("data-disabled");const R=new MutationObserver(()=>{(i.getAttribute("data-disabled")==="false"||i.getAttribute("data-disabled")==="")&&i.removeAttribute("data-disabled")});return R.observe(i,{attributes:!0,attributeFilter:["data-disabled"]}),()=>R.disconnect()}},[x]),o.createElement(P.Item,{...C,value:n,...x?{disabled:!0}:{},ref:g,onSelect:h,className:b("rt-reset","rt-BaseMenuItem","rt-ComboboxItem",t)},d?o.createElement("span",{className:b("rt-BaseMenuItemIndicator","rt-ComboboxItemIndicator",u)},o.createElement(no,{className:b("rt-BaseMenuItemIndicatorIcon","rt-ComboboxItemIndicatorIcon",u)})):null,o.createElement(lo,null,r))});Z.displayName="Combobox.Item";export{q as Content,Q as Empty,U as Group,J as Input,Z as Item,X as Label,K as List,$ as Root,Y as Separator,H as Trigger,w as Value};
|
|
2
|
+
//# sourceMappingURL=combobox.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/components/combobox.tsx"],
|
|
4
|
+
"sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { useControllableState } from 'radix-ui/internal';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs } from './combobox.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { ChevronDownIcon, ThickCheckIcon } from './icons.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport * as Popover from './popover.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Slottable } from './slot.js';\nimport { textFieldRootPropDefs } from './text-field.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextFieldVariant = (typeof textFieldRootPropDefs.variant.values)[number];\ntype ComboboxValue = string | null;\ntype CommandFilter = (value: string, search: string, keywords?: string[]) => number;\n\ntype ComboboxRootOwnProps = GetPropDefTypes<typeof comboboxRootPropDefs> & {\n value?: ComboboxValue;\n defaultValue?: ComboboxValue;\n onValueChange?: (value: ComboboxValue) => void;\n open?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (open: boolean) => void;\n placeholder?: string;\n searchPlaceholder?: string;\n searchValue?: string;\n defaultSearchValue?: string;\n onSearchValueChange?: (value: string) => void;\n filter?: CommandFilter;\n shouldFilter?: boolean;\n loop?: boolean;\n disabled?: boolean;\n};\n\ninterface ComboboxContextValue extends ComboboxRootOwnProps {\n open: boolean;\n setOpen: (open: boolean) => void;\n value: ComboboxValue;\n setValue: (value: ComboboxValue) => void;\n searchValue: string;\n setSearchValue: (value: string) => void;\n selectedLabel?: string;\n registerItemLabel: (value: string, label: string) => void;\n handleSelect: (value: string) => void;\n}\n\nconst ComboboxContext = React.createContext<ComboboxContextValue | null>(null);\nconst useComboboxContext = (caller: string) => {\n const ctx = React.useContext(ComboboxContext);\n if (!ctx) {\n throw new Error(`${caller} must be used within Combobox.Root`);\n }\n return ctx;\n};\n\nconst ComboboxContentContext = React.createContext<{ variant: 'solid' | 'soft'; size?: string; color?: string; material?: string } | null>(null);\nconst useComboboxContentContext = () => {\n const ctx = React.useContext(ComboboxContentContext);\n return ctx; // Optional - Input might not always be in Content\n};\n\ntype PopoverRootProps = React.ComponentPropsWithoutRef<typeof Popover.Root>;\ninterface ComboboxRootProps extends PopoverRootProps, ComboboxRootOwnProps {}\nconst ComboboxRoot: React.FC<ComboboxRootProps> = (props) => {\n const {\n children,\n size = comboboxRootPropDefs.size.default,\n value: valueProp,\n defaultValue = null,\n onValueChange,\n open: openProp,\n defaultOpen = false,\n onOpenChange,\n placeholder = 'Select an option',\n searchPlaceholder = 'Search options...',\n searchValue: searchValueProp,\n defaultSearchValue = '',\n onSearchValueChange,\n filter,\n shouldFilter = true,\n loop = true,\n disabled,\n ...rootProps\n } = props;\n\n const [open, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen,\n onChange: onOpenChange,\n });\n\n const [value, setValue] = useControllableState<ComboboxValue>({\n prop: valueProp ?? null,\n defaultProp: defaultValue,\n onChange: onValueChange,\n });\n\n const [searchValue, setSearchValue] = useControllableState<string>({\n prop: searchValueProp,\n defaultProp: defaultSearchValue,\n onChange: onSearchValueChange,\n });\n\n const labelMapRef = React.useRef(new Map<string, string>());\n const registerItemLabel = React.useCallback((itemValue: string, label: string) => {\n labelMapRef.current.set(itemValue, label);\n }, []);\n\n const selectedLabel = value != null ? labelMapRef.current.get(value) : undefined;\n\n const handleSelect = React.useCallback(\n (nextValue: string) => {\n setValue(nextValue);\n setOpen(false);\n setSearchValue('');\n },\n [setOpen, setSearchValue, setValue],\n );\n\n const contextValue = React.useMemo<ComboboxContextValue>(\n () => ({\n size,\n placeholder,\n searchPlaceholder,\n filter,\n shouldFilter,\n loop,\n disabled,\n open,\n setOpen,\n value,\n setValue,\n searchValue,\n setSearchValue,\n selectedLabel,\n registerItemLabel,\n handleSelect,\n }),\n [size, placeholder, searchPlaceholder, filter, shouldFilter, loop, disabled, open, setOpen, value, setValue, searchValue, setSearchValue, selectedLabel, registerItemLabel, handleSelect],\n );\n\n return (\n <ComboboxContext.Provider value={contextValue}>\n <Popover.Root open={open} onOpenChange={setOpen} {...rootProps}>\n {children}\n </Popover.Root>\n </ComboboxContext.Provider>\n );\n};\nComboboxRoot.displayName = 'Combobox.Root';\n\ntype ComboboxTriggerElement = HTMLButtonElement;\ntype ComboboxTriggerOwnProps = GetPropDefTypes<typeof comboboxTriggerPropDefs>;\ntype NativeTriggerProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>;\ninterface ComboboxTriggerProps extends NativeTriggerProps, MarginProps, ComboboxTriggerOwnProps {}\nconst ComboboxTrigger = React.forwardRef<ComboboxTriggerElement, ComboboxTriggerProps>((props, forwardedRef) => {\n const context = useComboboxContext('Combobox.Trigger');\n const { children, className, placeholder, disabled, readOnly, ...triggerProps } = extractProps(\n { size: context.size, ...props },\n { size: comboboxRootPropDefs.size },\n comboboxTriggerPropDefs,\n marginPropDefs,\n );\n\n const isDisabled = disabled ?? context.disabled;\n const ariaProps = React.useMemo(\n () => ({\n 'aria-expanded': context.open,\n 'aria-disabled': isDisabled || undefined,\n 'aria-haspopup': 'listbox' as const,\n }),\n [context.open, isDisabled],\n );\n\n const defaultContent = (\n <>\n <span className=\"rt-SelectTriggerInner\">\n <ComboboxValue placeholder={placeholder ?? context.placeholder} />\n </span>\n <ChevronDownIcon className=\"rt-SelectIcon\" />\n </>\n );\n\n const triggerChild = (\n <button\n data-disabled={isDisabled || undefined}\n data-read-only={readOnly || undefined}\n {...triggerProps}\n {...ariaProps}\n ref={forwardedRef}\n className={classNames('rt-reset', 'rt-SelectTrigger', 'rt-ComboboxTrigger', className)}\n >\n {children ? requireReactElement(children) : defaultContent}\n </button>\n );\n\n return <Popover.Trigger disabled={isDisabled}>{triggerChild}</Popover.Trigger>;\n});\nComboboxTrigger.displayName = 'Combobox.Trigger';\n\ntype ComboboxValueElement = HTMLSpanElement;\ninterface ComboboxValueProps extends React.ComponentPropsWithoutRef<'span'> {\n placeholder?: string;\n}\nconst ComboboxValue = React.forwardRef<ComboboxValueElement, ComboboxValueProps>(({ placeholder, children, className, ...valueProps }, forwardedRef) => {\n const context = useComboboxContext('Combobox.Value');\n const displayValue = context.selectedLabel ?? context.value ?? undefined;\n const fallback = placeholder ?? context.placeholder;\n return (\n <span {...valueProps} ref={forwardedRef} className={classNames('rt-ComboboxValue', className)}>\n {displayValue ?? children ?? fallback}\n </span>\n );\n});\nComboboxValue.displayName = 'Combobox.Value';\n\ntype ComboboxContentElement = React.ElementRef<typeof Popover.Content>;\ntype ComboboxContentOwnProps = GetPropDefTypes<typeof comboboxContentPropDefs> & {\n container?: React.ComponentPropsWithoutRef<typeof Popover.Content>['container'];\n};\ninterface ComboboxContentProps extends Omit<ComponentPropsWithout<typeof Popover.Content, RemovedProps>, 'size'>, ComboboxContentOwnProps {}\nconst ComboboxContent = React.forwardRef<ComboboxContentElement, ComboboxContentProps>((props, forwardedRef) => {\n const context = useComboboxContext('Combobox.Content');\n const themeContext = useThemeContext();\n const effectiveMaterial = themeContext.panelBackground;\n\n const sizeProp = props.size ?? context.size ?? comboboxContentPropDefs.size.default;\n const variantProp = props.variant ?? comboboxContentPropDefs.variant.default;\n const highContrastProp = props.highContrast ?? comboboxContentPropDefs.highContrast.default;\n\n const { className, children, color, forceMount, container, ...contentProps } = extractProps(\n { ...props, size: sizeProp, variant: variantProp, highContrast: highContrastProp },\n comboboxContentPropDefs,\n );\n const resolvedColor = color || themeContext.accentColor;\n let sanitizedClassName = className;\n if (typeof sizeProp === 'string') {\n sanitizedClassName =\n className\n ?.split(/\\s+/)\n .filter(Boolean)\n .filter((token) => !/^rt-r-size-\\d$/.test(token))\n .join(' ') || undefined;\n }\n\n return (\n <Popover.Content\n size={sizeProp}\n data-accent-color={resolvedColor}\n data-material={effectiveMaterial}\n data-panel-background={effectiveMaterial}\n align=\"start\"\n sideOffset={4}\n collisionPadding={10}\n {...contentProps}\n forceMount={forceMount}\n container={container}\n ref={forwardedRef}\n className={classNames('rt-PopperContent', 'rt-BaseMenuContent', 'rt-ComboboxContent', sanitizedClassName)}\n >\n <Theme asChild>\n <ScrollArea type=\"auto\">\n <div className={classNames('rt-BaseMenuViewport', 'rt-ComboboxViewport')}>\n <ComboboxContentContext.Provider value={{ variant: variantProp, size: String(sizeProp), color: resolvedColor, material: effectiveMaterial }}>\n <CommandPrimitive\n loop={context.loop}\n value={context.searchValue}\n onValueChange={context.setSearchValue}\n shouldFilter={context.shouldFilter}\n filter={context.filter}\n className=\"rt-ComboboxCommand\"\n >\n {children}\n </CommandPrimitive>\n </ComboboxContentContext.Provider>\n </div>\n </ScrollArea>\n </Theme>\n </Popover.Content>\n );\n});\nComboboxContent.displayName = 'Combobox.Content';\n\ntype ComboboxInputElement = React.ElementRef<typeof CommandPrimitive.Input>;\ninterface ComboboxInputProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> {\n startAdornment?: React.ReactNode;\n endAdornment?: React.ReactNode;\n variant?: TextFieldVariant;\n}\nconst ComboboxInput = React.forwardRef<ComboboxInputElement, ComboboxInputProps>(({ className, startAdornment, endAdornment, placeholder, variant: inputVariant, ...inputProps }, forwardedRef) => {\n const context = useComboboxContext('Combobox.Input');\n const contentContext = useComboboxContentContext();\n const contentVariant = contentContext?.variant ?? 'solid';\n const color = contentContext?.color;\n const material = contentContext?.material;\n\n // Map combobox variant to textfield variant: solid -> surface, soft -> soft unless overridden\n const textFieldVariant = inputVariant ?? (contentVariant === 'solid' ? 'surface' : 'soft');\n\n return (\n <div\n className={classNames('rt-TextFieldRoot', 'rt-ComboboxInputRoot', `rt-r-size-${context.size}`, `rt-variant-${textFieldVariant}`)}\n data-accent-color={color}\n data-material={material}\n data-panel-background={material}\n >\n {startAdornment ? <div className=\"rt-TextFieldSlot\">{startAdornment}</div> : null}\n <CommandPrimitive.Input {...inputProps} ref={forwardedRef} placeholder={placeholder ?? context.searchPlaceholder} className={classNames('rt-reset', 'rt-TextFieldInput', className)} />\n {endAdornment ? (\n <div className=\"rt-TextFieldSlot\" data-side=\"right\">\n {endAdornment}\n </div>\n ) : null}\n </div>\n );\n});\nComboboxInput.displayName = 'Combobox.Input';\n\ntype ComboboxListElement = React.ElementRef<typeof CommandPrimitive.List>;\ninterface ComboboxListProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> {}\nconst ComboboxList = React.forwardRef<ComboboxListElement, ComboboxListProps>(({ className, ...listProps }, forwardedRef) => (\n <CommandPrimitive.List {...listProps} ref={forwardedRef} className={classNames('rt-ComboboxList', className)} />\n));\nComboboxList.displayName = 'Combobox.List';\n\ntype ComboboxEmptyElement = React.ElementRef<typeof CommandPrimitive.Empty>;\ninterface ComboboxEmptyProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> {}\nconst ComboboxEmpty = React.forwardRef<ComboboxEmptyElement, ComboboxEmptyProps>(({ className, ...emptyProps }, forwardedRef) => (\n <CommandPrimitive.Empty {...emptyProps} ref={forwardedRef} className={classNames('rt-ComboboxEmpty', className)} />\n));\nComboboxEmpty.displayName = 'Combobox.Empty';\n\ntype ComboboxGroupElement = React.ElementRef<typeof CommandPrimitive.Group>;\ninterface ComboboxGroupProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group> {}\nconst ComboboxGroup = React.forwardRef<ComboboxGroupElement, ComboboxGroupProps>(({ className, ...groupProps }, forwardedRef) => (\n <CommandPrimitive.Group {...groupProps} ref={forwardedRef} className={classNames('rt-BaseMenuGroup', 'rt-ComboboxGroup', className)} />\n));\nComboboxGroup.displayName = 'Combobox.Group';\n\ntype ComboboxLabelElement = React.ElementRef<'div'>;\ninterface ComboboxLabelProps extends React.ComponentPropsWithoutRef<'div'> {}\nconst ComboboxLabel = React.forwardRef<ComboboxLabelElement, ComboboxLabelProps>(({ className, ...labelProps }, forwardedRef) => (\n <div {...labelProps} ref={forwardedRef} className={classNames('rt-BaseMenuLabel', 'rt-ComboboxLabel', className)} />\n));\nComboboxLabel.displayName = 'Combobox.Label';\n\ntype ComboboxSeparatorElement = React.ElementRef<typeof CommandPrimitive.Separator>;\ninterface ComboboxSeparatorProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator> {}\nconst ComboboxSeparator = React.forwardRef<ComboboxSeparatorElement, ComboboxSeparatorProps>(({ className, ...separatorProps }, forwardedRef) => (\n <CommandPrimitive.Separator {...separatorProps} ref={forwardedRef} className={classNames('rt-BaseMenuSeparator', 'rt-ComboboxSeparator', className)} />\n));\nComboboxSeparator.displayName = 'Combobox.Separator';\n\ntype ComboboxItemElement = React.ElementRef<typeof CommandPrimitive.Item>;\ninterface ComboboxItemProps extends React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item> {\n label?: string;\n}\nconst ComboboxItem = React.forwardRef<ComboboxItemElement, ComboboxItemProps>(({ className, children, label, value, disabled, onSelect, ...itemProps }, forwardedRef) => {\n const context = useComboboxContext('Combobox.Item');\n const contentContext = useComboboxContentContext();\n const itemLabel = label ?? (typeof children === 'string' ? children : String(value));\n const isSelected = value != null && context.value === value;\n const sizeClass = contentContext?.size ? `rt-r-size-${contentContext.size}` : undefined;\n\n React.useEffect(() => {\n if (value) {\n context.registerItemLabel(value, itemLabel);\n }\n }, [context, value, itemLabel]);\n\n const handleSelect = React.useCallback(\n (selectedValue: string) => {\n context.handleSelect(selectedValue);\n onSelect?.(selectedValue);\n },\n [context, onSelect],\n );\n\n const isDisabled = disabled ?? context.disabled ?? false;\n\n // Internal ref to clean up data-disabled attribute\n const internalRef = React.useRef<ComboboxItemElement | null>(null);\n\n // Ref callback to handle both forwarded ref and internal ref\n const itemRef = React.useCallback(\n (node: ComboboxItemElement | null) => {\n internalRef.current = node;\n if (typeof forwardedRef === 'function') {\n forwardedRef(node);\n } else if (forwardedRef) {\n (forwardedRef as React.MutableRefObject<ComboboxItemElement | null>).current = node;\n }\n },\n [forwardedRef],\n );\n\n // Remove data-disabled attribute if cmdk sets it incorrectly\n React.useEffect(() => {\n if (!isDisabled && internalRef.current) {\n const node = internalRef.current;\n // Check and remove immediately\n if (node.getAttribute('data-disabled') === 'false' || node.getAttribute('data-disabled') === '') {\n node.removeAttribute('data-disabled');\n }\n // Also watch for changes\n const observer = new MutationObserver(() => {\n if (node.getAttribute('data-disabled') === 'false' || node.getAttribute('data-disabled') === '') {\n node.removeAttribute('data-disabled');\n }\n });\n observer.observe(node, { attributes: true, attributeFilter: ['data-disabled'] });\n return () => observer.disconnect();\n }\n }, [isDisabled]);\n\n return (\n <CommandPrimitive.Item\n {...itemProps}\n value={value}\n {...(isDisabled ? { disabled: true } : {})}\n ref={itemRef}\n onSelect={handleSelect}\n className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-ComboboxItem', className)}\n >\n {isSelected ? (\n <span className={classNames('rt-BaseMenuItemIndicator', 'rt-ComboboxItemIndicator', sizeClass)}>\n <ThickCheckIcon className={classNames('rt-BaseMenuItemIndicatorIcon', 'rt-ComboboxItemIndicatorIcon', sizeClass)} />\n </span>\n ) : null}\n <Slottable>{children}</Slottable>\n </CommandPrimitive.Item>\n );\n});\nComboboxItem.displayName = 'Combobox.Item';\n\nexport {\n ComboboxRoot as Root,\n ComboboxTrigger as Trigger,\n ComboboxValue as Value,\n ComboboxContent as Content,\n ComboboxInput as Input,\n ComboboxList as List,\n ComboboxEmpty as Empty,\n ComboboxGroup as Group,\n ComboboxLabel as Label,\n ComboboxSeparator as Separator,\n ComboboxItem as Item,\n};\nexport type {\n ComboboxRootProps as RootProps,\n ComboboxTriggerProps as TriggerProps,\n ComboboxContentProps as ContentProps,\n ComboboxInputProps as InputProps,\n ComboboxListProps as ListProps,\n ComboboxEmptyProps as EmptyProps,\n ComboboxGroupProps as GroupProps,\n ComboboxLabelProps as LabelProps,\n ComboboxSeparatorProps as SeparatorProps,\n ComboboxItemProps as ItemProps,\n};\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React", "classNames", "useControllableState", "CommandPrimitive", "extractProps", "comboboxRootPropDefs", "comboboxTriggerPropDefs", "comboboxContentPropDefs", "marginPropDefs", "ChevronDownIcon", "ThickCheckIcon", "Theme", "useThemeContext", "requireReactElement", "Popover", "ScrollArea", "Slottable", "ComboboxContext", "useComboboxContext", "caller", "ctx", "ComboboxContentContext", "useComboboxContentContext", "ComboboxRoot", "props", "children", "size", "valueProp", "defaultValue", "onValueChange", "openProp", "defaultOpen", "onOpenChange", "placeholder", "searchPlaceholder", "searchValueProp", "defaultSearchValue", "onSearchValueChange", "filter", "shouldFilter", "loop", "disabled", "rootProps", "open", "setOpen", "value", "setValue", "searchValue", "setSearchValue", "labelMapRef", "registerItemLabel", "itemValue", "label", "selectedLabel", "handleSelect", "nextValue", "contextValue", "ComboboxTrigger", "forwardedRef", "context", "className", "readOnly", "triggerProps", "isDisabled", "ariaProps", "defaultContent", "ComboboxValue", "triggerChild", "valueProps", "displayValue", "fallback", "ComboboxContent", "themeContext", "effectiveMaterial", "sizeProp", "variantProp", "highContrastProp", "color", "forceMount", "container", "contentProps", "resolvedColor", "sanitizedClassName", "token", "ComboboxInput", "startAdornment", "endAdornment", "inputVariant", "inputProps", "contentContext", "contentVariant", "material", "textFieldVariant", "ComboboxList", "listProps", "ComboboxEmpty", "emptyProps", "ComboboxGroup", "groupProps", "ComboboxLabel", "labelProps", "ComboboxSeparator", "separatorProps", "ComboboxItem", "onSelect", "itemProps", "itemLabel", "isSelected", "sizeClass", "selectedValue", "internalRef", "itemRef", "node", "observer"]
|
|
7
|
+
}
|