@raystack/apsara 0.46.0-rc.3 → 0.46.0-rc.5
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/style.css +1 -1
- package/dist/v1/components/avatar/avatar.cjs +18 -2
- package/dist/v1/components/avatar/avatar.cjs.map +1 -1
- package/dist/v1/components/avatar/avatar.d.ts +2 -1
- package/dist/v1/components/avatar/avatar.d.ts.map +1 -1
- package/dist/v1/components/avatar/avatar.js +18 -3
- package/dist/v1/components/avatar/avatar.js.map +1 -1
- package/dist/v1/components/avatar/utils.cjs +14 -34
- package/dist/v1/components/avatar/utils.cjs.map +1 -1
- package/dist/v1/components/avatar/utils.d.ts +1 -4
- package/dist/v1/components/avatar/utils.d.ts.map +1 -1
- package/dist/v1/components/avatar/utils.js +15 -34
- package/dist/v1/components/avatar/utils.js.map +1 -1
- package/dist/v1/components/breadcrumb/breadcrumb.cjs +41 -24
- package/dist/v1/components/breadcrumb/breadcrumb.cjs.map +1 -1
- package/dist/v1/components/breadcrumb/breadcrumb.d.ts +16 -13
- package/dist/v1/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist/v1/components/breadcrumb/breadcrumb.js +43 -26
- package/dist/v1/components/breadcrumb/breadcrumb.js.map +1 -1
- package/dist/v1/components/data-table/components/filters.cjs +14 -14
- package/dist/v1/components/data-table/components/filters.cjs.map +1 -1
- package/dist/v1/components/data-table/components/filters.d.ts.map +1 -1
- package/dist/v1/components/data-table/components/filters.js +14 -14
- package/dist/v1/components/data-table/components/filters.js.map +1 -1
- package/dist/v1/components/dropdown-menu/dropdown-menu-content.cjs +5 -5
- package/dist/v1/components/dropdown-menu/dropdown-menu-content.cjs.map +1 -1
- package/dist/v1/components/dropdown-menu/dropdown-menu-content.d.ts +3 -3
- package/dist/v1/components/dropdown-menu/dropdown-menu-content.d.ts.map +1 -1
- package/dist/v1/components/dropdown-menu/dropdown-menu-content.js +5 -5
- package/dist/v1/components/dropdown-menu/dropdown-menu-content.js.map +1 -1
- package/dist/v1/components/select/select-content.cjs +16 -7
- package/dist/v1/components/select/select-content.cjs.map +1 -1
- package/dist/v1/components/select/select-content.d.ts +1 -1
- package/dist/v1/components/select/select-content.d.ts.map +1 -1
- package/dist/v1/components/select/select-content.js +16 -7
- package/dist/v1/components/select/select-content.js.map +1 -1
- package/dist/v1/components/select/select-item.cjs +19 -18
- package/dist/v1/components/select/select-item.cjs.map +1 -1
- package/dist/v1/components/select/select-item.d.ts +1 -3
- package/dist/v1/components/select/select-item.d.ts.map +1 -1
- package/dist/v1/components/select/select-item.js +19 -18
- package/dist/v1/components/select/select-item.js.map +1 -1
- package/dist/v1/components/select/select-multiple-value.cjs +67 -0
- package/dist/v1/components/select/select-multiple-value.cjs.map +1 -0
- package/dist/v1/components/select/select-multiple-value.d.ts +8 -0
- package/dist/v1/components/select/select-multiple-value.d.ts.map +1 -0
- package/dist/v1/components/select/select-multiple-value.js +65 -0
- package/dist/v1/components/select/select-multiple-value.js.map +1 -0
- package/dist/v1/components/select/select-root.cjs +64 -22
- package/dist/v1/components/select/select-root.cjs.map +1 -1
- package/dist/v1/components/select/select-root.d.ts +25 -26
- package/dist/v1/components/select/select-root.d.ts.map +1 -1
- package/dist/v1/components/select/select-root.js +64 -22
- package/dist/v1/components/select/select-root.js.map +1 -1
- package/dist/v1/components/select/select-trigger.cjs +18 -20
- package/dist/v1/components/select/select-trigger.cjs.map +1 -1
- package/dist/v1/components/select/select-trigger.d.ts +10 -18
- package/dist/v1/components/select/select-trigger.d.ts.map +1 -1
- package/dist/v1/components/select/select-trigger.js +16 -18
- package/dist/v1/components/select/select-trigger.js.map +1 -1
- package/dist/v1/components/select/select-value.cjs +23 -7
- package/dist/v1/components/select/select-value.cjs.map +1 -1
- package/dist/v1/components/select/select-value.d.ts +8 -2
- package/dist/v1/components/select/select-value.d.ts.map +1 -1
- package/dist/v1/components/select/select-value.js +22 -6
- package/dist/v1/components/select/select-value.js.map +1 -1
- package/dist/v1/components/select/select.d.ts +11 -9
- package/dist/v1/components/select/select.d.ts.map +1 -1
- package/dist/v1/components/select/select.module.css.cjs +1 -1
- package/dist/v1/components/select/select.module.css.js +1 -1
- package/dist/v1/components/select/types.d.ts +7 -0
- package/dist/v1/components/select/types.d.ts.map +1 -0
- package/dist/v1/components/tooltip/tooltip.cjs +20 -12
- package/dist/v1/components/tooltip/tooltip.cjs.map +1 -1
- package/dist/v1/components/tooltip/tooltip.d.ts +4 -3
- package/dist/v1/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/v1/components/tooltip/tooltip.js +21 -13
- package/dist/v1/components/tooltip/tooltip.js.map +1 -1
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs +0 -2
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.cjs.map +1 -1
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js +1 -2
- package/dist/v1/node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js.map +1 -1
- package/dist/v1/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,9 @@
|
|
|
1
|
-
import * as SelectPrimitive from
|
|
2
|
-
|
|
1
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { ItemType } from './types';
|
|
4
|
+
type ValueType = Omit<ItemType, 'children'>;
|
|
5
|
+
export declare const SelectValue: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps, "children"> & {
|
|
6
|
+
children?: ReactNode | ((value?: ValueType | ValueType[]) => ReactNode);
|
|
7
|
+
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
8
|
+
export {};
|
|
3
9
|
//# sourceMappingURL=select-value.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-value.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-value.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"select-value.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAc,SAAS,EAAuB,MAAM,OAAO,CAAC;AAInE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,KAAK,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAM5C,eAAO,MAAM,WAAW;qCAHD,SAAS,GAAG,SAAS,EAAE,KAAK,SAAS;mDAwC1D,CAAC"}
|
|
@@ -1,14 +1,30 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
2
|
import { Value } from '../../node_modules/.pnpm/@radix-ui_react-select@2.2.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
|
|
4
|
-
import styles from './select.module.css.js';
|
|
5
|
-
import { useSelectContext } from './select-root.js';
|
|
6
3
|
import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
|
|
4
|
+
import { forwardRef, useMemo } from 'react';
|
|
5
|
+
import { SelectMultipleValue } from './select-multiple-value.js';
|
|
6
|
+
import { useSelectContext } from './select-root.js';
|
|
7
|
+
import styles from './select.module.css.js';
|
|
7
8
|
|
|
8
9
|
const SelectValue = forwardRef(({ children, ...props }, ref) => {
|
|
9
|
-
const { value } = useSelectContext();
|
|
10
|
-
const
|
|
11
|
-
|
|
10
|
+
const { value, items, multiple } = useSelectContext();
|
|
11
|
+
const item = useMemo(() => {
|
|
12
|
+
if (!value)
|
|
13
|
+
return undefined;
|
|
14
|
+
if (multiple && Array.isArray(value)) {
|
|
15
|
+
const itemValues = value.map(v => items[v]);
|
|
16
|
+
if (itemValues.length === 1)
|
|
17
|
+
return itemValues[0];
|
|
18
|
+
return itemValues;
|
|
19
|
+
}
|
|
20
|
+
return items[value];
|
|
21
|
+
}, [value, items, multiple]);
|
|
22
|
+
if (children) {
|
|
23
|
+
return (jsxRuntimeExports.jsx(Value, { ref: ref, ...props, children: typeof children === 'function' ? children(item) : children }));
|
|
24
|
+
}
|
|
25
|
+
if (Array.isArray(item))
|
|
26
|
+
return jsxRuntimeExports.jsx(SelectMultipleValue, { data: item, ref: ref, ...props });
|
|
27
|
+
return (jsxRuntimeExports.jsx(Value, { ref: ref, ...props, children: jsxRuntimeExports.jsxs("div", { className: cx(styles.valueContent), children: [typeof item?.children === 'string' && item?.leadingIcon && (jsxRuntimeExports.jsx("div", { className: styles.itemIcon, children: item.leadingIcon })), item?.children ?? value] }) }));
|
|
12
28
|
});
|
|
13
29
|
SelectValue.displayName = Value.displayName;
|
|
14
30
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-value.js","sources":["../../../../v1/components/select/select-value.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from
|
|
1
|
+
{"version":3,"file":"select-value.js","sources":["../../../../v1/components/select/select-value.tsx"],"sourcesContent":["import * as SelectPrimitive from '@radix-ui/react-select';\nimport { cx } from 'class-variance-authority';\nimport { ElementRef, ReactNode, forwardRef, useMemo } from 'react';\nimport { SelectMultipleValue } from './select-multiple-value';\nimport { useSelectContext } from './select-root';\nimport styles from './select.module.css';\nimport { ItemType } from './types';\n\ntype ValueType = Omit<ItemType, 'children'>;\n\ntype SelectValueProps = Omit<SelectPrimitive.SelectValueProps, 'children'> & {\n children?: ((value?: ValueType | ValueType[]) => ReactNode) | ReactNode;\n};\n\nexport const SelectValue = forwardRef<\n ElementRef<typeof SelectPrimitive.Value>,\n SelectValueProps\n>(({ children, ...props }, ref) => {\n const { value, items, multiple } = useSelectContext();\n\n const item = useMemo(() => {\n if (!value) return undefined;\n if (multiple && Array.isArray(value)) {\n const itemValues = value.map(v => items[v]);\n if (itemValues.length === 1) return itemValues[0];\n return itemValues;\n }\n return items[value as string];\n }, [value, items, multiple]);\n\n if (children) {\n return (\n <SelectPrimitive.Value ref={ref} {...props}>\n {typeof children === 'function' ? children(item) : children}\n </SelectPrimitive.Value>\n );\n }\n\n if (Array.isArray(item))\n return <SelectMultipleValue data={item} ref={ref} {...props} />;\n\n return (\n <SelectPrimitive.Value ref={ref} {...props}>\n <div className={cx(styles.valueContent)}>\n {typeof item?.children === 'string' && item?.leadingIcon && (\n <div className={styles.itemIcon}>{item.leadingIcon}</div>\n )}\n {item?.children ?? value}\n </div>\n </SelectPrimitive.Value>\n );\n});\nSelectValue.displayName = SelectPrimitive.Value.displayName;\n"],"names":["_jsx","SelectPrimitive.Value","_jsxs"],"mappings":";;;;;;;;AAca,MAAA,WAAW,GAAG,UAAU,CAGnC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAChC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;AAEtD,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAK;AACxB,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,SAAS,CAAC;QAC7B,IAAI,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACpC,YAAA,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5C,YAAA,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;AAAE,gBAAA,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC;AAClD,YAAA,OAAO,UAAU,CAAC;SACnB;AACD,QAAA,OAAO,KAAK,CAAC,KAAe,CAAC,CAAC;KAC/B,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,IAAI,QAAQ,EAAE;AACZ,QAAA,QACEA,qBAAA,CAACC,KAAqB,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,QAAA,EACvC,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,QAAQ,EAAA,CACrC,EACxB;KACH;AAED,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AACrB,QAAA,OAAOD,qBAAC,CAAA,mBAAmB,EAAC,EAAA,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAM,GAAA,KAAK,GAAI,CAAC;IAElE,QACEA,qBAAC,CAAAC,KAAqB,IAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,QAAA,EACxCC,gCAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EACpC,QAAA,EAAA,CAAA,OAAO,IAAI,EAAE,QAAQ,KAAK,QAAQ,IAAI,IAAI,EAAE,WAAW,KACtDF,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAG,QAAA,EAAA,IAAI,CAAC,WAAW,EAAA,CAAO,CAC1D,EACA,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAA,EAAA,CACpB,EACgB,CAAA,EACxB;AACJ,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAGC,KAAqB,CAAC,WAAW;;;;"}
|
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
2
|
-
export declare const Select: ((
|
|
2
|
+
export declare const Select: ((props: import("./select-root").SelectRootProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
3
3
|
Group: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
-
Value: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps &
|
|
4
|
+
Value: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps, "children"> & {
|
|
5
|
+
children?: import("react").ReactNode | ((value?: {
|
|
6
|
+
leadingIcon?: import("react").ReactNode;
|
|
7
|
+
value: string;
|
|
8
|
+
} | {
|
|
9
|
+
leadingIcon?: import("react").ReactNode;
|
|
10
|
+
value: string;
|
|
11
|
+
}[] | undefined) => import("react").ReactNode);
|
|
12
|
+
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
5
13
|
ScrollUpButton: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
14
|
ScrollDownButton: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
15
|
Viewport: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
-
Trigger: import("react").ForwardRefExoticComponent<
|
|
9
|
-
size?: "small" | "medium" | null | undefined;
|
|
10
|
-
variant?: "text" | "outline" | null | undefined;
|
|
11
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
|
|
12
|
-
iconProps?: import("./select-trigger").IconProps | undefined;
|
|
13
|
-
} & import("./select-trigger").AriaProps & import("./select-trigger").TriggerStyleProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
16
|
+
Trigger: import("react").ForwardRefExoticComponent<import("./select-trigger").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
14
17
|
Content: import("react").ForwardRefExoticComponent<import("./select-content").SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
18
|
Item: import("react").ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps, "asChild"> & {
|
|
16
|
-
textProps?: import("../text").TextProps | undefined;
|
|
17
19
|
leadingIcon?: import("react").ReactNode;
|
|
18
20
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
19
21
|
Separator: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAQ1D,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAQ1D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAWjB,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var styles = {"content":"select-module_content__wLQoN","menuitem":"select-module_menuitem__BTQat","label":"select-module_label__YsBmk","separator":"select-module_separator__7YD2G","trigger":"select-module_trigger__8XPsA","trigger-outline":"select-module_trigger-outline__FIv-z","trigger-text":"select-module_trigger-text__QHQ4b","trigger-small":"select-module_trigger-small__krYBJ","triggerContent":"select-module_triggerContent__P35Y0","trigger-medium":"select-module_trigger-medium__0vmIM","triggerIcon":"select-module_triggerIcon__cZGjN","valueContent":"select-module_valueContent__KFsoy","itemIcon":"select-module_itemIcon__Nnej1","placeholder":"select-module_placeholder__Lepbs","
|
|
5
|
+
var styles = {"content":"select-module_content__wLQoN","menuitem":"select-module_menuitem__BTQat","label":"select-module_label__YsBmk","separator":"select-module_separator__7YD2G","trigger":"select-module_trigger__8XPsA","trigger-outline":"select-module_trigger-outline__FIv-z","trigger-text":"select-module_trigger-text__QHQ4b","trigger-small":"select-module_trigger-small__krYBJ","triggerContent":"select-module_triggerContent__P35Y0","trigger-medium":"select-module_trigger-medium__0vmIM","triggerIcon":"select-module_triggerIcon__cZGjN","valueContent":"select-module_valueContent__KFsoy","itemIcon":"select-module_itemIcon__Nnej1","placeholder":"select-module_placeholder__Lepbs","comboboxContent":"select-module_comboboxContent__toOr1","viewport":"select-module_viewport__X6Qew","comboboxViewport":"select-module_comboboxViewport__-X4uR","comboboxContainer":"select-module_comboboxContainer__8y-WI","comboboxInput":"select-module_comboboxInput__TCgRj","hidden":"select-module_hidden__5UHM7","trigger___outline":"select-module_trigger-outline__FIv-z","trigger___text":"select-module_trigger-text__QHQ4b","trigger___small":"select-module_trigger-small__krYBJ","trigger___medium":"select-module_trigger-medium__0vmIM"};
|
|
6
6
|
|
|
7
7
|
exports.default = styles;
|
|
8
8
|
//# sourceMappingURL=select.module.css.cjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var styles = {"content":"select-module_content__wLQoN","menuitem":"select-module_menuitem__BTQat","label":"select-module_label__YsBmk","separator":"select-module_separator__7YD2G","trigger":"select-module_trigger__8XPsA","trigger-outline":"select-module_trigger-outline__FIv-z","trigger-text":"select-module_trigger-text__QHQ4b","trigger-small":"select-module_trigger-small__krYBJ","triggerContent":"select-module_triggerContent__P35Y0","trigger-medium":"select-module_trigger-medium__0vmIM","triggerIcon":"select-module_triggerIcon__cZGjN","valueContent":"select-module_valueContent__KFsoy","itemIcon":"select-module_itemIcon__Nnej1","placeholder":"select-module_placeholder__Lepbs","
|
|
1
|
+
var styles = {"content":"select-module_content__wLQoN","menuitem":"select-module_menuitem__BTQat","label":"select-module_label__YsBmk","separator":"select-module_separator__7YD2G","trigger":"select-module_trigger__8XPsA","trigger-outline":"select-module_trigger-outline__FIv-z","trigger-text":"select-module_trigger-text__QHQ4b","trigger-small":"select-module_trigger-small__krYBJ","triggerContent":"select-module_triggerContent__P35Y0","trigger-medium":"select-module_trigger-medium__0vmIM","triggerIcon":"select-module_triggerIcon__cZGjN","valueContent":"select-module_valueContent__KFsoy","itemIcon":"select-module_itemIcon__Nnej1","placeholder":"select-module_placeholder__Lepbs","comboboxContent":"select-module_comboboxContent__toOr1","viewport":"select-module_viewport__X6Qew","comboboxViewport":"select-module_comboboxViewport__-X4uR","comboboxContainer":"select-module_comboboxContainer__8y-WI","comboboxInput":"select-module_comboboxInput__TCgRj","hidden":"select-module_hidden__5UHM7","trigger___outline":"select-module_trigger-outline__FIv-z","trigger___text":"select-module_trigger-text__QHQ4b","trigger___small":"select-module_trigger-small__krYBJ","trigger___medium":"select-module_trigger-medium__0vmIM"};
|
|
2
2
|
|
|
3
3
|
export { styles as default };
|
|
4
4
|
//# sourceMappingURL=select.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../v1/components/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,QAAQ,GAAG;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
|
|
@@ -3,29 +3,37 @@
|
|
|
3
3
|
var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
|
|
4
4
|
var index = require('../../node_modules/.pnpm/@radix-ui_react-tooltip@1.0.7_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-tooltip/dist/index.cjs');
|
|
5
5
|
var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
|
|
6
|
-
var
|
|
6
|
+
var React = require('react');
|
|
7
7
|
var text = require('../text/text.cjs');
|
|
8
8
|
var tooltip_module = require('./tooltip.module.css.cjs');
|
|
9
9
|
|
|
10
10
|
const tooltip = index$1.cva(tooltip_module.default.content, {
|
|
11
11
|
variants: {
|
|
12
12
|
side: {
|
|
13
|
-
top: tooltip_module.default[
|
|
14
|
-
right: tooltip_module.default[
|
|
15
|
-
bottom: tooltip_module.default[
|
|
16
|
-
left: tooltip_module.default[
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
top: tooltip_module.default['side-top'],
|
|
14
|
+
right: tooltip_module.default['side-right'],
|
|
15
|
+
bottom: tooltip_module.default['side-bottom'],
|
|
16
|
+
left: tooltip_module.default['side-left'],
|
|
17
|
+
'top-left': tooltip_module.default['side-top-left'],
|
|
18
|
+
'top-right': tooltip_module.default['side-top-right'],
|
|
19
|
+
'bottom-left': tooltip_module.default['side-bottom-left'],
|
|
20
|
+
'bottom-right': tooltip_module.default['side-bottom-right']
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
23
|
defaultVariants: {
|
|
24
|
-
side:
|
|
24
|
+
side: 'top'
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
|
-
const Tooltip = ({ children, message, disabled, side =
|
|
28
|
-
|
|
27
|
+
const Tooltip = ({ children, message, disabled, side = 'top', classNames, triggerStyle, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild = true, showArrow = true, id }) => {
|
|
28
|
+
const generatedId = React.useId();
|
|
29
|
+
const tooltipId = id ?? generatedId;
|
|
30
|
+
if (disabled)
|
|
31
|
+
return children;
|
|
32
|
+
return (jsxRuntime.jsxRuntimeExports.jsx(index.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { children: [jsxRuntime.jsxRuntimeExports.jsx(index.Trigger, { "aria-describedby": tooltipId, asChild: asChild, children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: index$1.cx(tooltip_module.default.trigger, classNames?.trigger), style: triggerStyle, children: children }) }), jsxRuntime.jsxRuntimeExports.jsx(index.Portal, { children: jsxRuntime.jsxRuntimeExports.jsxs(index.Content, { id: tooltipId, role: 'tooltip', "aria-label": ariaLabel || (typeof message === 'string' ? message : undefined), side: side?.split('-')[0] || 'top', align: (side?.includes('-')
|
|
33
|
+
? side.split('-')[1] === 'left'
|
|
34
|
+
? 'start'
|
|
35
|
+
: 'end'
|
|
36
|
+
: 'center'), sideOffset: 4, className: tooltip({ side, className: classNames?.content }), style: contentStyle, children: [typeof message === 'string' ? jsxRuntime.jsxRuntimeExports.jsx(text.Text, { children: message }) : message, showArrow && (jsxRuntime.jsxRuntimeExports.jsx(index.Arrow, { className: index$1.cx(tooltip_module.default.arrow, classNames?.arrow), width: 7, height: 7 }))] }) })] }) }));
|
|
29
37
|
};
|
|
30
38
|
Tooltip.displayName = 'Tooltip';
|
|
31
39
|
const TooltipProvider = index.Provider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.cjs","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from
|
|
1
|
+
{"version":3,"file":"tooltip.cjs","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport React, { useId } from 'react';\nimport { Text } from '../text';\nimport styles from './tooltip.module.css';\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles['side-top'],\n right: styles['side-right'],\n bottom: styles['side-bottom'],\n left: styles['side-left'],\n 'top-left': styles['side-top-left'],\n 'top-right': styles['side-top-right'],\n 'bottom-left': styles['side-bottom-left'],\n 'bottom-right': styles['side-bottom-right']\n }\n },\n defaultVariants: {\n side: 'top'\n }\n});\n\ninterface TooltipProps extends VariantProps<typeof tooltip> {\n disabled?: boolean;\n children: React.ReactNode;\n message: React.ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n triggerStyle?: React.CSSProperties;\n contentStyle?: React.CSSProperties;\n delayDuration?: number;\n skipDelayDuration?: number;\n 'aria-label'?: string;\n asChild?: boolean;\n id?: string;\n showArrow?: boolean;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n children,\n message,\n disabled,\n side = 'top',\n classNames,\n triggerStyle,\n contentStyle,\n delayDuration = 200,\n skipDelayDuration = 200,\n 'aria-label': ariaLabel,\n asChild = true,\n showArrow = true,\n id\n}) => {\n const generatedId = useId();\n const tooltipId = id ?? generatedId;\n\n if (disabled) return children;\n\n return (\n <TooltipPrimitive.Provider\n delayDuration={delayDuration}\n skipDelayDuration={skipDelayDuration}\n >\n <TooltipPrimitive.Root>\n <TooltipPrimitive.Trigger\n aria-describedby={tooltipId}\n asChild={asChild}\n >\n <div\n className={cx(styles.trigger, classNames?.trigger)}\n style={triggerStyle}\n >\n {children}\n </div>\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n id={tooltipId}\n role='tooltip'\n aria-label={\n ariaLabel || (typeof message === 'string' ? message : undefined)\n }\n side={\n (side?.split(\n '-'\n )[0] as TooltipPrimitive.TooltipContentProps['side']) || 'top'\n }\n align={\n (side?.includes('-')\n ? side.split('-')[1] === 'left'\n ? 'start'\n : 'end'\n : 'center') satisfies 'start' | 'end' | 'center'\n }\n sideOffset={4}\n className={tooltip({ side, className: classNames?.content })}\n style={contentStyle}\n >\n {typeof message === 'string' ? <Text>{message}</Text> : message}\n {showArrow && (\n <TooltipPrimitive.Arrow\n className={cx(styles.arrow, classNames?.arrow)}\n width={7}\n height={7}\n />\n )}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n </TooltipPrimitive.Provider>\n );\n};\n\nTooltip.displayName = 'Tooltip';\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\n"],"names":["cva","styles","useId","_jsx","TooltipPrimitive.Provider","_jsxs","TooltipPrimitive.Root","TooltipPrimitive.Trigger","cx","TooltipPrimitive.Portal","TooltipPrimitive.Content","Text","TooltipPrimitive.Arrow"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as TooltipPrimitive from
|
|
2
|
-
import { VariantProps } from
|
|
3
|
-
import React from
|
|
1
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import React from 'react';
|
|
4
4
|
declare const tooltip: (props?: ({
|
|
5
5
|
side?: "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -19,6 +19,7 @@ interface TooltipProps extends VariantProps<typeof tooltip> {
|
|
|
19
19
|
skipDelayDuration?: number;
|
|
20
20
|
'aria-label'?: string;
|
|
21
21
|
asChild?: boolean;
|
|
22
|
+
id?: string;
|
|
22
23
|
showArrow?: boolean;
|
|
23
24
|
}
|
|
24
25
|
export declare const Tooltip: React.FC<TooltipProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAgB,MAAM,OAAO,CAAC;AAIrC,QAAA,MAAM,OAAO;;8EAgBX,CAAC;AAEH,UAAU,YAAa,SAAQ,YAAY,CAAC,OAAO,OAAO,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyE1C,CAAC;AAIF,eAAO,MAAM,eAAe,iDAA4B,CAAC"}
|
|
@@ -1,29 +1,37 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
|
|
2
2
|
import { Provider as $a093c7e1ec25a057$export$2881499e37b75b9a, Root as $a093c7e1ec25a057$export$be92b6f5f03c0fe9, Trigger as $a093c7e1ec25a057$export$41fb9f06171c75f4, Portal as $a093c7e1ec25a057$export$602eac185826482c, Content as $a093c7e1ec25a057$export$7c6e2c02157bb7d2, Arrow as $a093c7e1ec25a057$export$21b07c8f274aebd5 } from '../../node_modules/.pnpm/@radix-ui_react-tooltip@1.0.7_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-tooltip/dist/index.js';
|
|
3
|
-
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
|
|
4
|
-
import {
|
|
3
|
+
import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
|
|
4
|
+
import { useId } from 'react';
|
|
5
5
|
import { Text } from '../text/text.js';
|
|
6
6
|
import styles from './tooltip.module.css.js';
|
|
7
7
|
|
|
8
8
|
const tooltip = cva(styles.content, {
|
|
9
9
|
variants: {
|
|
10
10
|
side: {
|
|
11
|
-
top: styles[
|
|
12
|
-
right: styles[
|
|
13
|
-
bottom: styles[
|
|
14
|
-
left: styles[
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
11
|
+
top: styles['side-top'],
|
|
12
|
+
right: styles['side-right'],
|
|
13
|
+
bottom: styles['side-bottom'],
|
|
14
|
+
left: styles['side-left'],
|
|
15
|
+
'top-left': styles['side-top-left'],
|
|
16
|
+
'top-right': styles['side-top-right'],
|
|
17
|
+
'bottom-left': styles['side-bottom-left'],
|
|
18
|
+
'bottom-right': styles['side-bottom-right']
|
|
19
19
|
}
|
|
20
20
|
},
|
|
21
21
|
defaultVariants: {
|
|
22
|
-
side:
|
|
22
|
+
side: 'top'
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
const Tooltip = ({ children, message, disabled, side =
|
|
26
|
-
|
|
25
|
+
const Tooltip = ({ children, message, disabled, side = 'top', classNames, triggerStyle, contentStyle, delayDuration = 200, skipDelayDuration = 200, 'aria-label': ariaLabel, asChild = true, showArrow = true, id }) => {
|
|
26
|
+
const generatedId = useId();
|
|
27
|
+
const tooltipId = id ?? generatedId;
|
|
28
|
+
if (disabled)
|
|
29
|
+
return children;
|
|
30
|
+
return (jsxRuntimeExports.jsx($a093c7e1ec25a057$export$2881499e37b75b9a, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, children: jsxRuntimeExports.jsxs($a093c7e1ec25a057$export$be92b6f5f03c0fe9, { children: [jsxRuntimeExports.jsx($a093c7e1ec25a057$export$41fb9f06171c75f4, { "aria-describedby": tooltipId, asChild: asChild, children: jsxRuntimeExports.jsx("div", { className: cx(styles.trigger, classNames?.trigger), style: triggerStyle, children: children }) }), jsxRuntimeExports.jsx($a093c7e1ec25a057$export$602eac185826482c, { children: jsxRuntimeExports.jsxs($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { id: tooltipId, role: 'tooltip', "aria-label": ariaLabel || (typeof message === 'string' ? message : undefined), side: side?.split('-')[0] || 'top', align: (side?.includes('-')
|
|
31
|
+
? side.split('-')[1] === 'left'
|
|
32
|
+
? 'start'
|
|
33
|
+
: 'end'
|
|
34
|
+
: 'center'), sideOffset: 4, className: tooltip({ side, className: classNames?.content }), style: contentStyle, children: [typeof message === 'string' ? jsxRuntimeExports.jsx(Text, { children: message }) : message, showArrow && (jsxRuntimeExports.jsx($a093c7e1ec25a057$export$21b07c8f274aebd5, { className: cx(styles.arrow, classNames?.arrow), width: 7, height: 7 }))] }) })] }) }));
|
|
27
35
|
};
|
|
28
36
|
Tooltip.displayName = 'Tooltip';
|
|
29
37
|
const TooltipProvider = $a093c7e1ec25a057$export$2881499e37b75b9a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from
|
|
1
|
+
{"version":3,"file":"tooltip.js","sources":["../../../../v1/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport React, { useId } from 'react';\nimport { Text } from '../text';\nimport styles from './tooltip.module.css';\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles['side-top'],\n right: styles['side-right'],\n bottom: styles['side-bottom'],\n left: styles['side-left'],\n 'top-left': styles['side-top-left'],\n 'top-right': styles['side-top-right'],\n 'bottom-left': styles['side-bottom-left'],\n 'bottom-right': styles['side-bottom-right']\n }\n },\n defaultVariants: {\n side: 'top'\n }\n});\n\ninterface TooltipProps extends VariantProps<typeof tooltip> {\n disabled?: boolean;\n children: React.ReactNode;\n message: React.ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n triggerStyle?: React.CSSProperties;\n contentStyle?: React.CSSProperties;\n delayDuration?: number;\n skipDelayDuration?: number;\n 'aria-label'?: string;\n asChild?: boolean;\n id?: string;\n showArrow?: boolean;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n children,\n message,\n disabled,\n side = 'top',\n classNames,\n triggerStyle,\n contentStyle,\n delayDuration = 200,\n skipDelayDuration = 200,\n 'aria-label': ariaLabel,\n asChild = true,\n showArrow = true,\n id\n}) => {\n const generatedId = useId();\n const tooltipId = id ?? generatedId;\n\n if (disabled) return children;\n\n return (\n <TooltipPrimitive.Provider\n delayDuration={delayDuration}\n skipDelayDuration={skipDelayDuration}\n >\n <TooltipPrimitive.Root>\n <TooltipPrimitive.Trigger\n aria-describedby={tooltipId}\n asChild={asChild}\n >\n <div\n className={cx(styles.trigger, classNames?.trigger)}\n style={triggerStyle}\n >\n {children}\n </div>\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n id={tooltipId}\n role='tooltip'\n aria-label={\n ariaLabel || (typeof message === 'string' ? message : undefined)\n }\n side={\n (side?.split(\n '-'\n )[0] as TooltipPrimitive.TooltipContentProps['side']) || 'top'\n }\n align={\n (side?.includes('-')\n ? side.split('-')[1] === 'left'\n ? 'start'\n : 'end'\n : 'center') satisfies 'start' | 'end' | 'center'\n }\n sideOffset={4}\n className={tooltip({ side, className: classNames?.content })}\n style={contentStyle}\n >\n {typeof message === 'string' ? <Text>{message}</Text> : message}\n {showArrow && (\n <TooltipPrimitive.Arrow\n className={cx(styles.arrow, classNames?.arrow)}\n width={7}\n height={7}\n />\n )}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n </TooltipPrimitive.Provider>\n );\n};\n\nTooltip.displayName = 'Tooltip';\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\n"],"names":["_jsx","TooltipPrimitive.Provider","_jsxs","TooltipPrimitive.Root","TooltipPrimitive.Trigger","TooltipPrimitive.Portal","TooltipPrimitive.Content","TooltipPrimitive.Arrow"],"mappings":";;;;;;;AAMA,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE;AAClC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC;AACvB,YAAA,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC;AAC3B,YAAA,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC;AACzB,YAAA,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC;AACnC,YAAA,WAAW,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACrC,YAAA,aAAa,EAAE,MAAM,CAAC,kBAAkB,CAAC;AACzC,YAAA,cAAc,EAAE,MAAM,CAAC,mBAAmB,CAAC;AAC5C,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,KAAK;AACZ,KAAA;AACF,CAAA,CAAC,CAAC;MAqBU,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,GAAG,GAAG,EACnB,iBAAiB,GAAG,GAAG,EACvB,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,IAAI,EACd,SAAS,GAAG,IAAI,EAChB,EAAE,EACH,KAAI;AACH,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;AAC5B,IAAA,MAAM,SAAS,GAAG,EAAE,IAAI,WAAW,CAAC;AAEpC,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;IAE9B,QACEA,qBAAC,CAAAC,yCAAyB,IACxB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EAEpC,QAAA,EAAAC,sBAAA,CAACC,yCAAqB,EAAA,EAAA,QAAA,EAAA,CACpBH,sBAACI,yCAAwB,EAAA,EAAA,kBAAA,EACL,SAAS,EAC3B,OAAO,EAAE,OAAO,EAEhB,QAAA,EAAAJ,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,EAClD,KAAK,EAAE,YAAY,YAElB,QAAQ,EAAA,CACL,EACmB,CAAA,EAC3BA,qBAAC,CAAAK,yCAAuB,EAAA,EAAA,QAAA,EACtBH,sBAAC,CAAAI,yCAAwB,IACvB,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,SAAS,EAEZ,YAAA,EAAA,SAAS,KAAK,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,EAElE,IAAI,EACD,IAAI,EAAE,KAAK,CACV,GAAG,CACJ,CAAC,CAAC,CAAkD,IAAI,KAAK,EAEhE,KAAK,GACF,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC;8BAChB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM;AAC7B,kCAAE,OAAO;AACT,kCAAE,KAAK;AACT,8BAAE,QAAQ,CAAsC,EAEpD,UAAU,EAAE,CAAC,EACb,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAC5D,KAAK,EAAE,YAAY,EAElB,QAAA,EAAA,CAAA,OAAO,OAAO,KAAK,QAAQ,GAAGN,qBAAC,CAAA,IAAI,cAAE,OAAO,EAAA,CAAQ,GAAG,OAAO,EAC9D,SAAS,KACRA,qBAAC,CAAAO,yCAAsB,IACrB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,EAC9C,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,GACT,CACH,CAAA,EAAA,CACwB,GACH,CACJ,EAAA,CAAA,EAAA,CACE,EAC5B;AACJ,EAAE;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEnB,MAAA,eAAe,GAAGN;;;;"}
|
|
@@ -1169,7 +1169,6 @@ var Viewport = SelectViewport;
|
|
|
1169
1169
|
var Group = SelectGroup;
|
|
1170
1170
|
var Label = SelectLabel;
|
|
1171
1171
|
var Item = SelectItem;
|
|
1172
|
-
var ItemText = SelectItemText;
|
|
1173
1172
|
var ScrollDownButton = SelectScrollDownButton;
|
|
1174
1173
|
var Separator = SelectSeparator;
|
|
1175
1174
|
|
|
@@ -1177,7 +1176,6 @@ exports.Content = Content2;
|
|
|
1177
1176
|
exports.Group = Group;
|
|
1178
1177
|
exports.Icon = Icon;
|
|
1179
1178
|
exports.Item = Item;
|
|
1180
|
-
exports.ItemText = ItemText;
|
|
1181
1179
|
exports.Label = Label;
|
|
1182
1180
|
exports.Portal = Portal;
|
|
1183
1181
|
exports.Root = Root2;
|