@dito-uai/components 5.1.0-alpha.74 → 5.1.0-alpha.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/global.css +1 -1
- package/dist/index.cjs +91 -77
- package/dist/index.d.cts +838 -146
- package/dist/index.d.ts +18 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +22 -18
- package/dist/ui/calendar.d.ts +10 -0
- package/dist/ui/calendar.d.ts.map +1 -0
- package/dist/ui/combobox.d.ts +40 -0
- package/dist/ui/combobox.d.ts.map +1 -0
- package/dist/ui/date-picker.d.ts +33 -0
- package/dist/ui/date-picker.d.ts.map +1 -0
- package/dist/ui/dropdown-menu.d.ts +130 -10
- package/dist/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/ui/field.d.ts +118 -0
- package/dist/ui/field.d.ts.map +1 -0
- package/dist/ui/input-group.d.ts +284 -0
- package/dist/ui/input-group.d.ts.map +1 -0
- package/dist/ui/input.d.ts.map +1 -1
- package/dist/ui/internal/date-picker-common.d.ts +121 -0
- package/dist/ui/internal/date-picker-common.d.ts.map +1 -0
- package/dist/ui/popover.d.ts +2 -1
- package/dist/ui/popover.d.ts.map +1 -1
- package/dist/ui/range-picker.d.ts +32 -0
- package/dist/ui/range-picker.d.ts.map +1 -0
- package/dist/ui/search-scope.d.ts +27 -0
- package/dist/ui/search-scope.d.ts.map +1 -0
- package/dist/ui/select-multiple.d.ts +116 -0
- package/dist/ui/select-multiple.d.ts.map +1 -0
- package/dist/ui/select.d.ts +93 -0
- package/dist/ui/select.d.ts.map +1 -0
- package/dist/ui/textarea.d.ts.map +1 -1
- package/dist/ui/time-picker.d.ts +32 -0
- package/dist/ui/time-picker.d.ts.map +1 -0
- package/llms.md +50 -0
- package/package.json +6 -1
- package/tailwind.config.ts +1 -1
- package/dist/ui/search.d.ts +0 -135
- package/dist/ui/search.d.ts.map +0 -1
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseUIEvent } from '@base-ui/react';
|
|
3
|
+
import { ComboboxPrimitive } from './combobox';
|
|
4
|
+
type OptionValue = string | number;
|
|
5
|
+
export type SelectOption = {
|
|
6
|
+
value: OptionValue;
|
|
7
|
+
label?: React.ReactNode;
|
|
8
|
+
icon?: React.ReactNode;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
[key: string]: unknown;
|
|
12
|
+
};
|
|
13
|
+
export type SelectGroup = {
|
|
14
|
+
key: React.Key;
|
|
15
|
+
label: React.ReactNode;
|
|
16
|
+
options: SelectOption[];
|
|
17
|
+
collapsible?: boolean;
|
|
18
|
+
defaultCollapsed?: boolean;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
className?: string;
|
|
21
|
+
};
|
|
22
|
+
type FilterOption = boolean | ((inputValue: string, option: SelectOption) => boolean);
|
|
23
|
+
export type SelectRootProps = {
|
|
24
|
+
children?: React.ReactNode;
|
|
25
|
+
options?: SelectOption[];
|
|
26
|
+
groups?: SelectGroup[];
|
|
27
|
+
value?: OptionValue;
|
|
28
|
+
defaultValue?: OptionValue;
|
|
29
|
+
onValueChange?: (value?: OptionValue, option?: SelectOption) => void;
|
|
30
|
+
onClear?: () => void;
|
|
31
|
+
searchable?: boolean;
|
|
32
|
+
searchPlacement?: 'trigger' | 'dropdown';
|
|
33
|
+
searchValue?: string;
|
|
34
|
+
onSearch?: (searchTerm: string) => void;
|
|
35
|
+
optionFilterProp?: 'label' | 'value' | ('label' | 'value')[];
|
|
36
|
+
filterOption?: FilterOption;
|
|
37
|
+
optionLabelProp?: string;
|
|
38
|
+
disabled?: boolean;
|
|
39
|
+
error?: boolean;
|
|
40
|
+
size?: 'medium' | 'small';
|
|
41
|
+
loading?: boolean;
|
|
42
|
+
virtual?: boolean;
|
|
43
|
+
open?: boolean;
|
|
44
|
+
onOpenChange?: (open: boolean, eventDetails: ComboboxPrimitive.Root.ChangeEventDetails) => void;
|
|
45
|
+
className?: string;
|
|
46
|
+
} & Pick<ComboboxPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset'>;
|
|
47
|
+
declare function Root({ children, options, groups, value, defaultValue, onValueChange, onClear, searchable, searchPlacement, searchValue, onSearch, optionFilterProp, filterOption, optionLabelProp, disabled, error, size, loading, virtual, open, onOpenChange, className, }: SelectRootProps): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
export type SelectInputProps = {
|
|
49
|
+
id?: string;
|
|
50
|
+
placeholder?: React.ReactNode;
|
|
51
|
+
prefix?: React.ReactNode;
|
|
52
|
+
allowClear?: boolean;
|
|
53
|
+
clearIcon?: React.ReactNode;
|
|
54
|
+
optionLabelProp?: string;
|
|
55
|
+
'aria-label'?: string;
|
|
56
|
+
className?: string;
|
|
57
|
+
onBlur?: (event: BaseUIEvent<React.FocusEvent<HTMLInputElement, Element>>) => void;
|
|
58
|
+
};
|
|
59
|
+
export type SelectContentProps = {
|
|
60
|
+
children?: React.ReactNode;
|
|
61
|
+
className?: string;
|
|
62
|
+
container?: ComboboxPrimitive.Portal.Props['container'];
|
|
63
|
+
} & Pick<ComboboxPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset'>;
|
|
64
|
+
declare function Content({ children, className, container, side, align, sideOffset, alignOffset, }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
|
|
65
|
+
export type SelectListProps = {
|
|
66
|
+
children: ((item: SelectOption) => React.ReactNode) | React.ReactNode;
|
|
67
|
+
className?: string;
|
|
68
|
+
onScroll?: (event: BaseUIEvent<React.UIEvent<HTMLDivElement, UIEvent>>) => void;
|
|
69
|
+
};
|
|
70
|
+
declare function List({ children, className, onScroll }: SelectListProps): import("react/jsx-runtime").JSX.Element;
|
|
71
|
+
export type SelectItemProps = {
|
|
72
|
+
value: OptionValue;
|
|
73
|
+
disabled?: boolean;
|
|
74
|
+
icon?: React.ReactNode;
|
|
75
|
+
children?: React.ReactNode;
|
|
76
|
+
className?: string;
|
|
77
|
+
};
|
|
78
|
+
declare function Item({ value, disabled, icon, children, className }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
|
|
79
|
+
export type SelectEmptyProps = {
|
|
80
|
+
children?: React.ReactNode;
|
|
81
|
+
className?: string;
|
|
82
|
+
};
|
|
83
|
+
declare function Empty({ children, className }: SelectEmptyProps): import("react/jsx-runtime").JSX.Element | null;
|
|
84
|
+
declare const Select: {
|
|
85
|
+
Root: typeof Root;
|
|
86
|
+
Input: React.ForwardRefExoticComponent<SelectInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
87
|
+
Content: typeof Content;
|
|
88
|
+
List: typeof List;
|
|
89
|
+
Item: typeof Item;
|
|
90
|
+
Empty: typeof Empty;
|
|
91
|
+
};
|
|
92
|
+
export default Select;
|
|
93
|
+
//# sourceMappingURL=select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,aAAa,GACvB,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,aAAa,GACvB,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,QAAA,MAAM,QAAQ;cAHA,OAAO;6CAgBpB,CAAC;AAGF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type TriggerSize } from './internal/date-picker-common';
|
|
3
|
+
export type TimePickerProps = Omit<React.ComponentPropsWithoutRef<'input'>, 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'size' | 'prefix'> & {
|
|
4
|
+
value?: string;
|
|
5
|
+
defaultValue?: string;
|
|
6
|
+
onChange?: (value?: string) => void;
|
|
7
|
+
onBlur?: () => void;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
size?: TriggerSize;
|
|
10
|
+
step?: number;
|
|
11
|
+
clearable?: boolean;
|
|
12
|
+
side?: 'top' | 'bottom';
|
|
13
|
+
align?: 'start' | 'center' | 'end';
|
|
14
|
+
invalid?: boolean;
|
|
15
|
+
loading?: boolean;
|
|
16
|
+
};
|
|
17
|
+
declare const TimePicker: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "defaultValue" | "prefix" | "onBlur" | "onChange" | "value"> & {
|
|
18
|
+
value?: string;
|
|
19
|
+
defaultValue?: string;
|
|
20
|
+
onChange?: (value?: string) => void;
|
|
21
|
+
onBlur?: () => void;
|
|
22
|
+
placeholder?: string;
|
|
23
|
+
size?: TriggerSize;
|
|
24
|
+
step?: number;
|
|
25
|
+
clearable?: boolean;
|
|
26
|
+
side?: "top" | "bottom";
|
|
27
|
+
align?: "start" | "center" | "end";
|
|
28
|
+
invalid?: boolean;
|
|
29
|
+
loading?: boolean;
|
|
30
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
31
|
+
export { TimePicker };
|
|
32
|
+
//# sourceMappingURL=time-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../src/ui/time-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,+BAA+B,CAAC;AAmUvC,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,EACvC,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CACrE,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,UAAU;YAdN,MAAM;mBACC,MAAM;eACV,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI;aAC1B,MAAM,IAAI;kBACL,MAAM;WACb,WAAW;WACX,MAAM;gBACD,OAAO;WACZ,KAAK,GAAG,QAAQ;YACf,OAAO,GAAG,QAAQ,GAAG,KAAK;cACxB,OAAO;cACP,OAAO;0CA0flB,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
package/llms.md
CHANGED
|
@@ -236,6 +236,56 @@ import {
|
|
|
236
236
|
|
|
237
237
|
---
|
|
238
238
|
|
|
239
|
+
## Field
|
|
240
|
+
|
|
241
|
+
**Import:**
|
|
242
|
+
|
|
243
|
+
```tsx
|
|
244
|
+
import {
|
|
245
|
+
Field,
|
|
246
|
+
FieldContent,
|
|
247
|
+
FieldDescription,
|
|
248
|
+
FieldError,
|
|
249
|
+
FieldGroup,
|
|
250
|
+
FieldLabel,
|
|
251
|
+
FieldLegend,
|
|
252
|
+
FieldSeparator,
|
|
253
|
+
FieldSet,
|
|
254
|
+
FieldTitle,
|
|
255
|
+
} from '@dito-uai/components';
|
|
256
|
+
```
|
|
257
|
+
|
|
258
|
+
**Compound API** for form layout and accessibility.
|
|
259
|
+
|
|
260
|
+
| Component | Role | Key props |
|
|
261
|
+
|-----------|------|-----------|
|
|
262
|
+
| `Field` | Single field wrapper (`div`, `role="group"`) | `invalid?`, `orientation?: 'vertical' \| 'horizontal' \| 'responsive'` (default `vertical`) |
|
|
263
|
+
| `FieldLabel` | `<label>` | inherits label attrs; critical color when ancestor has `data-invalid` |
|
|
264
|
+
| `FieldTitle` | Non-interactive title in `FieldContent` | — |
|
|
265
|
+
| `FieldDescription` | Helper text | — |
|
|
266
|
+
| `FieldError` | Error text (`role="alert"`) | — |
|
|
267
|
+
| `FieldGroup` | Stack of fields (`@container/field-group`) | `invalid?` |
|
|
268
|
+
| `FieldSet` | Semantic group (`<fieldset>`) for checkbox/radio | `invalid?` |
|
|
269
|
+
| `FieldLegend` | `<legend>` for `FieldSet` | `variant?: 'legend' \| 'label'` (default `legend`) |
|
|
270
|
+
| `FieldContent` | Column for label + description in horizontal layout | — |
|
|
271
|
+
| `FieldSeparator` | Divider (`<hr>` or labeled `<div>`) | optional `children` for centered text |
|
|
272
|
+
|
|
273
|
+
**Example:**
|
|
274
|
+
|
|
275
|
+
```tsx
|
|
276
|
+
<FieldSet>
|
|
277
|
+
<FieldLegend>Notification channel</FieldLegend>
|
|
278
|
+
<FieldGroup>
|
|
279
|
+
<Field orientation="horizontal">
|
|
280
|
+
<Checkbox id="push" />
|
|
281
|
+
<FieldLabel htmlFor="push">Push</FieldLabel>
|
|
282
|
+
</Field>
|
|
283
|
+
</FieldGroup>
|
|
284
|
+
</FieldSet>
|
|
285
|
+
```
|
|
286
|
+
|
|
287
|
+
---
|
|
288
|
+
|
|
239
289
|
## GoToCard
|
|
240
290
|
|
|
241
291
|
**Import:** `import { GoToCard } from '@dito-uai/components'`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dito-uai/components",
|
|
3
|
-
"version": "5.1.0-alpha.
|
|
3
|
+
"version": "5.1.0-alpha.76",
|
|
4
4
|
"description": "Dito's design system component library, made in TSX",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": "git+https://github.com/ditointernet/dito-uai.git",
|
|
@@ -97,6 +97,7 @@
|
|
|
97
97
|
"postcss": "^8.4.38",
|
|
98
98
|
"prettier": "^3.3.3",
|
|
99
99
|
"prop-types": "^15.8.1",
|
|
100
|
+
"react-hook-form": "^7.79.0",
|
|
100
101
|
"semantic-release": "^17",
|
|
101
102
|
"storybook": "10.1.2",
|
|
102
103
|
"supports-color": "^9.4.0",
|
|
@@ -110,6 +111,7 @@
|
|
|
110
111
|
"vitest": "^4.0.15"
|
|
111
112
|
},
|
|
112
113
|
"dependencies": {
|
|
114
|
+
"@base-ui/react": "^1.3.0",
|
|
113
115
|
"@dito-uai/icons": "^1.12.0",
|
|
114
116
|
"@hookform/resolvers": "^3.9.0",
|
|
115
117
|
"@radix-ui/react-accordion": "^1.2.0",
|
|
@@ -121,6 +123,7 @@
|
|
|
121
123
|
"@radix-ui/react-popover": "^1.1.15",
|
|
122
124
|
"@radix-ui/react-progress": "^1.1.0",
|
|
123
125
|
"@radix-ui/react-radio-group": "^1.2.0",
|
|
126
|
+
"@radix-ui/react-select": "^2.2.6",
|
|
124
127
|
"@radix-ui/react-slot": "^1.1.0",
|
|
125
128
|
"@radix-ui/react-tabs": "^1.1.12",
|
|
126
129
|
"@radix-ui/react-toggle": "^1.1.10",
|
|
@@ -130,11 +133,13 @@
|
|
|
130
133
|
"@tailwindcss/typography": "^0.5.15",
|
|
131
134
|
"class-variance-authority": "^0.7.0",
|
|
132
135
|
"clsx": "^2.1.1",
|
|
136
|
+
"date-fns": "^4",
|
|
133
137
|
"lucide-react": "^0.418.0",
|
|
134
138
|
"postcss-flexbugs-fixes": "^5.0.2",
|
|
135
139
|
"postcss-import": "^16.1.0",
|
|
136
140
|
"postcss-nested": "^6.2.0",
|
|
137
141
|
"react": "^18.3.1",
|
|
142
|
+
"react-day-picker": "^9",
|
|
138
143
|
"react-dom": "^18.3.1",
|
|
139
144
|
"react-toastify": "9.1.3",
|
|
140
145
|
"tailwind-merge": "^3.4.0",
|
package/tailwind.config.ts
CHANGED
|
@@ -7,7 +7,7 @@ const includeStorybook = process.env.INCLUDE_STORYBOOK === 'true';
|
|
|
7
7
|
const contentPaths = ['./src/ui/**/*.{ts,tsx}'];
|
|
8
8
|
|
|
9
9
|
if (includeStorybook) {
|
|
10
|
-
contentPaths.push('./src/
|
|
10
|
+
contentPaths.push('./src/stories/*.stories.@(js|jsx|mjs|ts|tsx)');
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
/** @type {import('tailwindcss').Config} */
|
package/dist/ui/search.d.ts
DELETED
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { VariantProps } from 'tailwind-variants';
|
|
3
|
-
import { inputVariants } from './input';
|
|
4
|
-
import { DropdownProps } from './internal/dropdown-content';
|
|
5
|
-
export type SearchProps = React.InputHTMLAttributes<HTMLInputElement> & VariantProps<typeof inputVariants> & {
|
|
6
|
-
scope?: DropdownProps;
|
|
7
|
-
};
|
|
8
|
-
declare const Search: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & VariantProps<import("tailwind-variants").TVReturnType<{
|
|
9
|
-
disabled: {
|
|
10
|
-
true: {
|
|
11
|
-
wrapper: string;
|
|
12
|
-
input: string;
|
|
13
|
-
prefix: string;
|
|
14
|
-
suffix: string;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
invalid: {
|
|
18
|
-
true: {
|
|
19
|
-
wrapper: string;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
size: {
|
|
23
|
-
small: {
|
|
24
|
-
wrapper: string;
|
|
25
|
-
input: string;
|
|
26
|
-
prefix: string;
|
|
27
|
-
suffix: string;
|
|
28
|
-
};
|
|
29
|
-
medium: {
|
|
30
|
-
wrapper: string;
|
|
31
|
-
input: string;
|
|
32
|
-
prefix: string;
|
|
33
|
-
suffix: string;
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
withAffix: {
|
|
37
|
-
false: {
|
|
38
|
-
wrapper: string;
|
|
39
|
-
};
|
|
40
|
-
true: {
|
|
41
|
-
wrapper: string;
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
}, {
|
|
45
|
-
wrapper: string;
|
|
46
|
-
prefix: string;
|
|
47
|
-
input: string;
|
|
48
|
-
suffix: string;
|
|
49
|
-
}, undefined, {
|
|
50
|
-
disabled: {
|
|
51
|
-
true: {
|
|
52
|
-
wrapper: string;
|
|
53
|
-
input: string;
|
|
54
|
-
prefix: string;
|
|
55
|
-
suffix: string;
|
|
56
|
-
};
|
|
57
|
-
};
|
|
58
|
-
invalid: {
|
|
59
|
-
true: {
|
|
60
|
-
wrapper: string;
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
size: {
|
|
64
|
-
small: {
|
|
65
|
-
wrapper: string;
|
|
66
|
-
input: string;
|
|
67
|
-
prefix: string;
|
|
68
|
-
suffix: string;
|
|
69
|
-
};
|
|
70
|
-
medium: {
|
|
71
|
-
wrapper: string;
|
|
72
|
-
input: string;
|
|
73
|
-
prefix: string;
|
|
74
|
-
suffix: string;
|
|
75
|
-
};
|
|
76
|
-
};
|
|
77
|
-
withAffix: {
|
|
78
|
-
false: {
|
|
79
|
-
wrapper: string;
|
|
80
|
-
};
|
|
81
|
-
true: {
|
|
82
|
-
wrapper: string;
|
|
83
|
-
};
|
|
84
|
-
};
|
|
85
|
-
}, {
|
|
86
|
-
wrapper: string;
|
|
87
|
-
prefix: string;
|
|
88
|
-
input: string;
|
|
89
|
-
suffix: string;
|
|
90
|
-
}, import("tailwind-variants").TVReturnType<{
|
|
91
|
-
disabled: {
|
|
92
|
-
true: {
|
|
93
|
-
wrapper: string;
|
|
94
|
-
input: string;
|
|
95
|
-
prefix: string;
|
|
96
|
-
suffix: string;
|
|
97
|
-
};
|
|
98
|
-
};
|
|
99
|
-
invalid: {
|
|
100
|
-
true: {
|
|
101
|
-
wrapper: string;
|
|
102
|
-
};
|
|
103
|
-
};
|
|
104
|
-
size: {
|
|
105
|
-
small: {
|
|
106
|
-
wrapper: string;
|
|
107
|
-
input: string;
|
|
108
|
-
prefix: string;
|
|
109
|
-
suffix: string;
|
|
110
|
-
};
|
|
111
|
-
medium: {
|
|
112
|
-
wrapper: string;
|
|
113
|
-
input: string;
|
|
114
|
-
prefix: string;
|
|
115
|
-
suffix: string;
|
|
116
|
-
};
|
|
117
|
-
};
|
|
118
|
-
withAffix: {
|
|
119
|
-
false: {
|
|
120
|
-
wrapper: string;
|
|
121
|
-
};
|
|
122
|
-
true: {
|
|
123
|
-
wrapper: string;
|
|
124
|
-
};
|
|
125
|
-
};
|
|
126
|
-
}, {
|
|
127
|
-
wrapper: string;
|
|
128
|
-
prefix: string;
|
|
129
|
-
input: string;
|
|
130
|
-
suffix: string;
|
|
131
|
-
}, undefined, unknown, unknown, undefined>>> & {
|
|
132
|
-
scope?: DropdownProps;
|
|
133
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
134
|
-
export default Search;
|
|
135
|
-
//# sourceMappingURL=search.d.ts.map
|
package/dist/ui/search.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/ui/search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,EAAmB,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAwC7E,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GACnE,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAEnC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AASJ,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAVA,aAAa;0CAwDxB,CAAC;AAsCF,eAAe,MAAM,CAAC"}
|