@cerberus-design/react 0.16.0-next-1e5283a → 0.16.0-next-004ae01
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/build/legacy/_tsup-dts-rollup.d.cts +298 -0
- package/build/legacy/components/combobox/combobox.cjs +224 -0
- package/build/legacy/components/combobox/combobox.cjs.map +1 -0
- package/build/legacy/components/combobox/index.cjs +326 -0
- package/build/legacy/components/combobox/index.cjs.map +1 -0
- package/build/legacy/components/combobox/item-group.cjs +178 -0
- package/build/legacy/components/combobox/item-group.cjs.map +1 -0
- package/build/legacy/components/combobox/item.cjs +192 -0
- package/build/legacy/components/combobox/item.cjs.map +1 -0
- package/build/legacy/components/combobox/parts.cjs +168 -0
- package/build/legacy/components/combobox/parts.cjs.map +1 -0
- package/build/legacy/components/combobox/primitives.cjs +182 -0
- package/build/legacy/components/combobox/primitives.cjs.map +1 -0
- package/build/legacy/components/combobox/use-stateful-collection.cjs +72 -0
- package/build/legacy/components/combobox/use-stateful-collection.cjs.map +1 -0
- package/build/legacy/components/select/index.cjs.map +1 -1
- package/build/legacy/components/select/select.cjs.map +1 -1
- package/build/legacy/index.cjs +960 -700
- package/build/legacy/index.cjs.map +1 -1
- package/build/modern/_tsup-dts-rollup.d.ts +298 -0
- package/build/modern/{chunk-4WKM2MJC.js → chunk-3B4SFTQB.js} +2 -2
- package/build/modern/chunk-FZ53535Q.js +18 -0
- package/build/modern/chunk-FZ53535Q.js.map +1 -0
- package/build/modern/chunk-HIC7Z23X.js +37 -0
- package/build/modern/chunk-HIC7Z23X.js.map +1 -0
- package/build/modern/chunk-J7SAFAW3.js +44 -0
- package/build/modern/chunk-J7SAFAW3.js.map +1 -0
- package/build/modern/{chunk-C45HS2C4.js → chunk-MH6CIBDU.js} +4 -4
- package/build/modern/chunk-ML2IKLMJ.js +1 -0
- package/build/modern/chunk-ML2IKLMJ.js.map +1 -0
- package/build/modern/chunk-MR4DX76C.js +38 -0
- package/build/modern/chunk-MR4DX76C.js.map +1 -0
- package/build/modern/chunk-NR5XDIJ7.js +148 -0
- package/build/modern/chunk-NR5XDIJ7.js.map +1 -0
- package/build/modern/{chunk-OOUNB643.js → chunk-R7MPDSXX.js} +7 -7
- package/build/modern/{chunk-6DAOKE6Z.js → chunk-RKVY2HJ3.js} +4 -4
- package/build/modern/{chunk-MTZDZXZM.js → chunk-U5XRQ2JZ.js} +2 -2
- package/build/modern/{chunk-CF3EHG42.js → chunk-VTQ6RW3Z.js} +7 -7
- package/build/modern/chunk-XBUXVNTY.js +22 -0
- package/build/modern/chunk-XBUXVNTY.js.map +1 -0
- package/build/modern/{chunk-6ICNCCPD.js → chunk-YLKFZGBY.js} +1 -1
- package/build/modern/chunk-YLKFZGBY.js.map +1 -0
- package/build/modern/components/FileStatus.js +3 -3
- package/build/modern/components/combobox/combobox.js +13 -0
- package/build/modern/components/combobox/combobox.js.map +1 -0
- package/build/modern/components/combobox/index.js +60 -0
- package/build/modern/components/combobox/index.js.map +1 -0
- package/build/modern/components/combobox/item-group.js +9 -0
- package/build/modern/components/combobox/item-group.js.map +1 -0
- package/build/modern/components/combobox/item.js +11 -0
- package/build/modern/components/combobox/item.js.map +1 -0
- package/build/modern/components/combobox/parts.js +8 -0
- package/build/modern/components/combobox/parts.js.map +1 -0
- package/build/modern/components/combobox/primitives.js +35 -0
- package/build/modern/components/combobox/primitives.js.map +1 -0
- package/build/modern/components/combobox/use-stateful-collection.js +9 -0
- package/build/modern/components/combobox/use-stateful-collection.js.map +1 -0
- package/build/modern/components/cta-dialog/index.js +3 -3
- package/build/modern/components/cta-dialog/provider.js +3 -3
- package/build/modern/components/dialog/dialog.js +2 -2
- package/build/modern/components/dialog/index.js +2 -2
- package/build/modern/components/select/index.js +1 -1
- package/build/modern/components/select/select.js +1 -1
- package/build/modern/context/confirm-modal.js +3 -3
- package/build/modern/context/notification-center.js +2 -2
- package/build/modern/context/prompt-modal.js +9 -9
- package/build/modern/index.js +187 -134
- package/build/modern/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/combobox/combobox.tsx +66 -0
- package/src/components/combobox/index.ts +6 -0
- package/src/components/combobox/item-group.tsx +19 -0
- package/src/components/combobox/item.tsx +30 -0
- package/src/components/combobox/parts.ts +101 -0
- package/src/components/combobox/primitives.tsx +209 -0
- package/src/components/combobox/use-stateful-collection.ts +65 -0
- package/src/components/select/select.tsx +1 -0
- package/src/index.ts +1 -0
- package/build/modern/chunk-6ICNCCPD.js.map +0 -1
- /package/build/modern/{chunk-4WKM2MJC.js.map → chunk-3B4SFTQB.js.map} +0 -0
- /package/build/modern/{chunk-C45HS2C4.js.map → chunk-MH6CIBDU.js.map} +0 -0
- /package/build/modern/{chunk-OOUNB643.js.map → chunk-R7MPDSXX.js.map} +0 -0
- /package/build/modern/{chunk-6DAOKE6Z.js.map → chunk-RKVY2HJ3.js.map} +0 -0
- /package/build/modern/{chunk-MTZDZXZM.js.map → chunk-U5XRQ2JZ.js.map} +0 -0
- /package/build/modern/{chunk-CF3EHG42.js.map → chunk-VTQ6RW3Z.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/combobox/primitives.tsx"],"sourcesContent":["import {\n Combobox,\n type ComboboxClearTriggerProps,\n type ComboboxContentProps,\n type ComboboxControlProps,\n type ComboboxInputProps,\n type ComboboxItemGroupLabelProps,\n type ComboboxItemGroupProps,\n type ComboboxItemIndicatorProps,\n type ComboboxItemProps,\n type ComboboxItemTextProps,\n type ComboboxLabelProps,\n type ComboboxPositionerProps,\n type ComboboxRootProps,\n type ComboboxTriggerProps,\n} from '@ark-ui/react/combobox'\nimport { ark } from '@ark-ui/react/factory'\nimport type { SelectCollectionItem } from '../select/select'\nimport {\n combobox,\n type ComboboxVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\nimport type { PropsWithChildren } from 'react'\n\n/**\n * This module contains the primitives of the Combobox.\n * @module 'combobox/primitives'\n */\n\n/**\n * The ComboboxRoot component is the context provider for the Combobox\n * component.\n */\nexport function ComboboxRoot(\n props: ComboboxRootProps<SelectCollectionItem> & ComboboxVariantProps,\n) {\n const { size, ...rootProps } = props\n const styles = combobox({ size })\n return (\n <Combobox.Root\n {...rootProps}\n className={cx(styles.root, rootProps.className)}\n />\n )\n}\n\n/**\n * The label that appears above the combobox input.\n */\nexport function ComboboxLabel(props: ComboboxLabelProps) {\n const styles = combobox()\n return (\n <Combobox.Label {...props} className={cx(styles.label, props.className)} />\n )\n}\n\n/**\n * The control that wraps the combobox input.\n */\nexport function ComboboxControl(props: ComboboxControlProps) {\n const styles = combobox()\n return (\n <Combobox.Control\n {...props}\n className={cx(styles.control, props.className)}\n />\n )\n}\n\n/**\n * The input of the combobox.\n */\nexport function ComboboxInput(props: ComboboxInputProps) {\n const styles = combobox()\n return (\n <Combobox.Input {...props} className={cx(styles.input, props.className)} />\n )\n}\n\n/**\n * The trigger that opens the dropdown.\n */\nexport function ComboboxTrigger(props: ComboboxTriggerProps) {\n const styles = combobox()\n return (\n <Combobox.Trigger\n {...props}\n className={cx(styles.trigger, props.className)}\n />\n )\n}\n\n/**\n * The trigger to clear the combobox input.\n */\nexport function ComboboxClearTrigger(props: ComboboxClearTriggerProps) {\n const styles = combobox()\n return (\n <Combobox.ClearTrigger\n {...props}\n className={cx(styles.clearTrigger, props.className)}\n />\n )\n}\n\n/**\n * The positioner that wraps the content.\n */\nexport function ComboboxPositioner(props: ComboboxPositionerProps) {\n const styles = combobox()\n return (\n <Combobox.Positioner\n {...props}\n className={cx(styles.positioner, props.className)}\n />\n )\n}\n\n/**\n * The content of the combobox component.\n */\nexport function ComboboxContent(\n props: ComboboxContentProps & ComboboxVariantProps,\n) {\n const { size, ...contentProps } = props\n const styles = combobox({ size })\n return (\n <Combobox.Content\n {...contentProps}\n className={cx(styles.content, contentProps.className)}\n />\n )\n}\n\n/**\n * A group of items in the combobox component.\n */\nexport function ComboboxItemGroup(props: ComboboxItemGroupProps) {\n const styles = combobox()\n return (\n <Combobox.ItemGroup\n {...props}\n className={cx(styles.itemGroup, props.className)}\n />\n )\n}\n\n/**\n * The label for a group of items in the combobox component.\n */\nexport function ComboboxItemGroupLabel(props: ComboboxItemGroupLabelProps) {\n const styles = combobox()\n return (\n <Combobox.ItemGroupLabel\n {...props}\n className={cx(styles.itemGroupLabel, props.className)}\n />\n )\n}\n\n/**\n * An individual item in the combobox component.\n */\nexport function ComboboxItem(props: ComboboxItemProps) {\n const styles = combobox()\n return (\n <Combobox.Item {...props} className={cx(styles.item, props.className)} />\n )\n}\n\n/**\n * The text that labels a single item of the combobox.\n */\nexport function ComboboxItemText(props: ComboboxItemTextProps) {\n const styles = combobox()\n return (\n <Combobox.ItemText\n {...props}\n className={cx(styles.itemText, props.className)}\n />\n )\n}\n\n/**\n * The indicator that appears when the item has been selected.\n */\nexport function ComboboxItemIndicator(props: ComboboxItemIndicatorProps) {\n const styles = combobox()\n return (\n <Combobox.ItemIndicator\n {...props}\n className={cx(styles.itemIndicator, props.className)}\n />\n )\n}\n\n/**\n * The icon that appears at the start of the combobox input.\n */\nexport function ComboboxStartIcon(props: PropsWithChildren) {\n const styles = combobox()\n return <ark.span {...props} className={styles.startIcon} />\n}\n\n// We are only doing this to make the API consistent\nexport const ComboItemText = ComboboxItemText\n\nexport type ComboboxInputValueChangeDetails = Combobox.InputValueChangeDetails\n"],"mappings":"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","names":[]}
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import {
|
|
2
|
+
FieldLabel,
|
|
3
|
+
FieldRoot,
|
|
4
|
+
Input
|
|
5
|
+
} from "./chunk-VSTOSLFS.js";
|
|
1
6
|
import {
|
|
2
7
|
Text
|
|
3
8
|
} from "./chunk-RU5LOXWI.js";
|
|
@@ -6,17 +11,12 @@ import {
|
|
|
6
11
|
} from "./chunk-SXLPDPOZ.js";
|
|
7
12
|
import {
|
|
8
13
|
Dialog
|
|
9
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-MH6CIBDU.js";
|
|
10
15
|
import {
|
|
11
16
|
DialogDescription,
|
|
12
17
|
DialogHeading,
|
|
13
18
|
DialogProvider
|
|
14
19
|
} from "./chunk-D7UIWAFO.js";
|
|
15
|
-
import {
|
|
16
|
-
FieldLabel,
|
|
17
|
-
FieldRoot,
|
|
18
|
-
Input
|
|
19
|
-
} from "./chunk-VSTOSLFS.js";
|
|
20
20
|
import {
|
|
21
21
|
useCerberusContext
|
|
22
22
|
} from "./chunk-GITT5645.js";
|
|
@@ -211,4 +211,4 @@ export {
|
|
|
211
211
|
PromptModal,
|
|
212
212
|
usePromptModal
|
|
213
213
|
};
|
|
214
|
-
//# sourceMappingURL=chunk-
|
|
214
|
+
//# sourceMappingURL=chunk-R7MPDSXX.js.map
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
NotificationHeading
|
|
3
|
-
} from "./chunk-SLHYBPJ5.js";
|
|
4
1
|
import {
|
|
5
2
|
Notification
|
|
6
3
|
} from "./chunk-RDRD6ACD.js";
|
|
7
4
|
import {
|
|
8
5
|
NotificationDescription
|
|
9
6
|
} from "./chunk-UXY3KCC3.js";
|
|
7
|
+
import {
|
|
8
|
+
NotificationHeading
|
|
9
|
+
} from "./chunk-SLHYBPJ5.js";
|
|
10
10
|
import {
|
|
11
11
|
addNotification,
|
|
12
12
|
clearNotificationState,
|
|
@@ -177,4 +177,4 @@ export {
|
|
|
177
177
|
NotificationCenter,
|
|
178
178
|
useNotificationCenter
|
|
179
179
|
};
|
|
180
|
-
//# sourceMappingURL=chunk-
|
|
180
|
+
//# sourceMappingURL=chunk-RKVY2HJ3.js.map
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk-SXLPDPOZ.js";
|
|
4
4
|
import {
|
|
5
5
|
Dialog
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-MH6CIBDU.js";
|
|
7
7
|
import {
|
|
8
8
|
DialogCloseTrigger,
|
|
9
9
|
DialogDescription,
|
|
@@ -157,4 +157,4 @@ export {
|
|
|
157
157
|
ConfirmModal,
|
|
158
158
|
useConfirmModal
|
|
159
159
|
};
|
|
160
|
-
//# sourceMappingURL=chunk-
|
|
160
|
+
//# sourceMappingURL=chunk-U5XRQ2JZ.js.map
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ProgressBar
|
|
3
3
|
} from "./chunk-WZJ5UQNM.js";
|
|
4
|
-
import {
|
|
5
|
-
Avatar
|
|
6
|
-
} from "./chunk-SXLPDPOZ.js";
|
|
7
|
-
import {
|
|
8
|
-
IconButton
|
|
9
|
-
} from "./chunk-APD6IX5R.js";
|
|
10
4
|
import {
|
|
11
5
|
Field
|
|
12
6
|
} from "./chunk-FBS7AX76.js";
|
|
13
7
|
import {
|
|
14
8
|
FieldHelperText
|
|
15
9
|
} from "./chunk-VSTOSLFS.js";
|
|
10
|
+
import {
|
|
11
|
+
Avatar
|
|
12
|
+
} from "./chunk-SXLPDPOZ.js";
|
|
13
|
+
import {
|
|
14
|
+
IconButton
|
|
15
|
+
} from "./chunk-APD6IX5R.js";
|
|
16
16
|
import {
|
|
17
17
|
useCerberusContext
|
|
18
18
|
} from "./chunk-GITT5645.js";
|
|
@@ -227,4 +227,4 @@ export {
|
|
|
227
227
|
processStatus,
|
|
228
228
|
FileStatus
|
|
229
229
|
};
|
|
230
|
-
//# sourceMappingURL=chunk-
|
|
230
|
+
//# sourceMappingURL=chunk-VTQ6RW3Z.js.map
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import {
|
|
2
|
+
ComboboxParts
|
|
3
|
+
} from "./chunk-HIC7Z23X.js";
|
|
4
|
+
import {
|
|
5
|
+
useCerberusContext
|
|
6
|
+
} from "./chunk-GITT5645.js";
|
|
7
|
+
|
|
8
|
+
// src/components/combobox/item.tsx
|
|
9
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
+
function ComboItemWithIndicator(props) {
|
|
11
|
+
const { icons } = useCerberusContext();
|
|
12
|
+
const { selectChecked: CheckedIcon } = icons;
|
|
13
|
+
return /* @__PURE__ */ jsxs(ComboboxParts.Item, { ...props, children: [
|
|
14
|
+
/* @__PURE__ */ jsx(ComboboxParts.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckedIcon, {}) }),
|
|
15
|
+
props.children
|
|
16
|
+
] });
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export {
|
|
20
|
+
ComboItemWithIndicator
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=chunk-XBUXVNTY.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/combobox/item.tsx"],"sourcesContent":["'use client'\n\nimport type { ComboboxItemProps } from '@ark-ui/react'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { ComboboxParts } from './parts'\n\n/**\n * This module contains the ComboboxItemWithIndicator component.\n * @module 'combobox/item'\n */\n\n/**\n * An abstraction of the ComboboxItem component that includes an indicator.\n * @description [Combobox Docs](https://cerberus.digitalu.design/react/combobox)\n * @description [Ark Docs](https://ark-ui.com/react/docs/components/combobox)\n */\nexport function ComboItemWithIndicator(props: ComboboxItemProps) {\n const { icons } = useCerberusContext()\n const { selectChecked: CheckedIcon } = icons\n\n return (\n <ComboboxParts.Item {...props}>\n <ComboboxParts.ItemIndicator>\n <CheckedIcon />\n </ComboboxParts.ItemIndicator>\n\n {props.children}\n </ComboboxParts.Item>\n )\n}\n"],"mappings":";;;;;;;;AAqBI,SAEI,KAFJ;AALG,SAAS,uBAAuB,OAA0B;AAC/D,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,eAAe,YAAY,IAAI;AAEvC,SACE,qBAAC,cAAc,MAAd,EAAoB,GAAG,OACtB;AAAA,wBAAC,cAAc,eAAd,EACC,8BAAC,eAAY,GACf;AAAA,IAEC,MAAM;AAAA,KACT;AAEJ;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/select/select.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectItemProps, SelectRootProps } from '@ark-ui/react/select'\nimport { type SelectVariantProps } from '@cerberus/styled-system/recipes'\nimport { HStack } from '@cerberus/styled-system/jsx'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Portal } from '../Portal'\nimport { Show } from '../Show'\nimport { SelectParts } from './parts'\n\n/**\n * This module contains the Select components.\n * @module 'react/select'\n */\n\nexport interface SelectCollectionItem {\n /**\n * What is displayed in the dropdown list.\n */\n label: string\n /**\n * The value of the selected item used in the form.\n */\n value: string\n /**\n * If the item is disabled.\n */\n disabled?: boolean\n}\n\nexport interface SelectCollection {\n /**\n * The items to be displayed in the dropdown list.\n */\n items: SelectCollectionItem[]\n}\n\nexport interface BaseSelectProps {\n /**\n * The placeholder text when no option is selected.\n */\n placeholder?: string\n}\n\nexport type SelectProps = SelectRootProps<SelectCollectionItem> &\n BaseSelectProps &\n SelectVariantProps\n\n/**\n * The Select component is a dropdown list that allows users to select an\n * option from a list.\n * @definition [Select docs](https://cerberus.digitalu.design/react/select)\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/select)\n * @example\n * ```tsx\n * import { Select, Option, createListCollection } from '@cerberus-design/react'\n *\n * export function SelectBasicPreview() {\n * const collection = createListCollection({\n * items: [\n * { label: 'Hades', value: 'hades' },\n * { label: 'Persephone', value: 'persephone' },\n * { label: 'Zeus', value: 'zeus', disabled: true },\n * ]\n * })\n *\n * return (\n * <Select\n * collection={collection}\n * label=\"Select Relative\"\n * placeholder=\"Choose option\"\n * >\n * {collection.items.map((item) => (\n * <Option key={item.value} item={item} />\n * ))}\n * </Select>\n * )\n * }\n */\nexport function Select(props: SelectProps) {\n const { collection, placeholder, ...rootProps } = props\n\n const { icons } = useCerberusContext()\n const { selectArrow: SelectArrow, invalid: InvalidIcon } = icons\n\n return (\n <SelectParts.Root collection={collection} {...rootProps}>\n <SelectParts.Control>\n <SelectParts.Trigger>\n <SelectParts.ValueText placeholder={placeholder} />\n\n <HStack>\n <Show when={props.invalid}>\n <InvalidIcon data-part=\"invalid-icon\" />\n </Show>\n <SelectParts.Indicator>\n <SelectArrow />\n </SelectParts.Indicator>\n </HStack>\n </SelectParts.Trigger>\n </SelectParts.Control>\n\n <Portal>\n <SelectParts.Positioner>\n <SelectParts.Content size={rootProps.size}>\n {props.children}\n </SelectParts.Content>\n </SelectParts.Positioner>\n </Portal>\n\n <SelectParts.HiddenSelect />\n </SelectParts.Root>\n )\n}\n\nexport interface OptionProps extends SelectItemProps {\n /**\n * The CollectionListItem to be displayed in the dropdown list.\n */\n item: SelectCollectionItem\n}\n\nexport function Option(props: OptionProps) {\n const { item, ...itemProps } = props\n const { icons } = useCerberusContext()\n const { selectChecked: CheckedIcon } = icons\n\n return (\n <SelectParts.Item {...itemProps} item={item}>\n <SelectParts.ItemText>{item?.label}</SelectParts.ItemText>\n <SelectParts.ItemIndicator>\n <CheckedIcon />\n </SelectParts.ItemIndicator>\n </SelectParts.Item>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;AAIA,SAAS,cAAc;AAqFb,cAEA,YAFA;AAVH,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,YAAY,aAAa,GAAG,UAAU,IAAI;AAElD,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,aAAa,aAAa,SAAS,YAAY,IAAI;AAE3D,SACE,qBAAC,YAAY,MAAZ,EAAiB,YAAyB,GAAG,WAC5C;AAAA,wBAAC,YAAY,SAAZ,EACC,+BAAC,YAAY,SAAZ,EACC;AAAA,0BAAC,YAAY,WAAZ,EAAsB,aAA0B;AAAA,MAEjD,qBAAC,UACC;AAAA,4BAAC,QAAK,MAAM,MAAM,SAChB,8BAAC,eAAY,aAAU,gBAAe,GACxC;AAAA,QACA,oBAAC,YAAY,WAAZ,EACC,8BAAC,eAAY,GACf;AAAA,SACF;AAAA,OACF,GACF;AAAA,IAEA,oBAAC,UACC,8BAAC,YAAY,YAAZ,EACC,8BAAC,YAAY,SAAZ,EAAoB,MAAM,UAAU,MAClC,gBAAM,UACT,GACF,GACF;AAAA,IAEA,oBAAC,YAAY,cAAZ,EAAyB;AAAA,KAC5B;AAEJ;AASO,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,eAAe,YAAY,IAAI;AAEvC,SACE,qBAAC,YAAY,MAAZ,EAAkB,GAAG,WAAW,MAC/B;AAAA,wBAAC,YAAY,UAAZ,EAAsB,gBAAM,OAAM;AAAA,IACnC,oBAAC,YAAY,eAAZ,EACC,8BAAC,eAAY,GACf;AAAA,KACF;AAEJ;","names":[]}
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
import {
|
|
3
3
|
FileStatus,
|
|
4
4
|
processStatus
|
|
5
|
-
} from "../chunk-
|
|
5
|
+
} from "../chunk-VTQ6RW3Z.js";
|
|
6
6
|
import "../chunk-WZJ5UQNM.js";
|
|
7
|
-
import "../chunk-SXLPDPOZ.js";
|
|
8
|
-
import "../chunk-APD6IX5R.js";
|
|
9
7
|
import "../chunk-TYPULJMJ.js";
|
|
10
8
|
import "../chunk-FBS7AX76.js";
|
|
11
9
|
import "../chunk-6I2FW4WI.js";
|
|
12
10
|
import "../chunk-VSTOSLFS.js";
|
|
13
11
|
import "../chunk-Z52R6ABJ.js";
|
|
14
12
|
import "../chunk-CNA2VKAH.js";
|
|
13
|
+
import "../chunk-SXLPDPOZ.js";
|
|
14
|
+
import "../chunk-APD6IX5R.js";
|
|
15
15
|
import "../chunk-GITT5645.js";
|
|
16
16
|
import "../chunk-BL7G3577.js";
|
|
17
17
|
import "../chunk-FQLMPEYX.js";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
Combobox
|
|
4
|
+
} from "../../chunk-J7SAFAW3.js";
|
|
5
|
+
import "../../chunk-HIC7Z23X.js";
|
|
6
|
+
import "../../chunk-NR5XDIJ7.js";
|
|
7
|
+
import "../../chunk-IQJDVFPP.js";
|
|
8
|
+
import "../../chunk-GITT5645.js";
|
|
9
|
+
import "../../chunk-BUVVRQLZ.js";
|
|
10
|
+
export {
|
|
11
|
+
Combobox
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=combobox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import "../../chunk-ML2IKLMJ.js";
|
|
2
|
+
import {
|
|
3
|
+
ComboItemGroup
|
|
4
|
+
} from "../../chunk-FZ53535Q.js";
|
|
5
|
+
import {
|
|
6
|
+
ComboItemWithIndicator
|
|
7
|
+
} from "../../chunk-XBUXVNTY.js";
|
|
8
|
+
import {
|
|
9
|
+
Combobox
|
|
10
|
+
} from "../../chunk-J7SAFAW3.js";
|
|
11
|
+
import {
|
|
12
|
+
ComboboxParts
|
|
13
|
+
} from "../../chunk-HIC7Z23X.js";
|
|
14
|
+
import {
|
|
15
|
+
ComboItemText,
|
|
16
|
+
ComboboxClearTrigger,
|
|
17
|
+
ComboboxContent,
|
|
18
|
+
ComboboxControl,
|
|
19
|
+
ComboboxInput,
|
|
20
|
+
ComboboxItem,
|
|
21
|
+
ComboboxItemGroup,
|
|
22
|
+
ComboboxItemGroupLabel,
|
|
23
|
+
ComboboxItemIndicator,
|
|
24
|
+
ComboboxItemText,
|
|
25
|
+
ComboboxLabel,
|
|
26
|
+
ComboboxPositioner,
|
|
27
|
+
ComboboxRoot,
|
|
28
|
+
ComboboxStartIcon,
|
|
29
|
+
ComboboxTrigger
|
|
30
|
+
} from "../../chunk-NR5XDIJ7.js";
|
|
31
|
+
import {
|
|
32
|
+
useStatefulCollection
|
|
33
|
+
} from "../../chunk-MR4DX76C.js";
|
|
34
|
+
import "../../chunk-QCBLRACK.js";
|
|
35
|
+
import "../../chunk-IQJDVFPP.js";
|
|
36
|
+
import "../../chunk-GITT5645.js";
|
|
37
|
+
import "../../chunk-BUVVRQLZ.js";
|
|
38
|
+
export {
|
|
39
|
+
ComboItemGroup,
|
|
40
|
+
ComboItemText,
|
|
41
|
+
ComboItemWithIndicator,
|
|
42
|
+
Combobox,
|
|
43
|
+
ComboboxClearTrigger,
|
|
44
|
+
ComboboxContent,
|
|
45
|
+
ComboboxControl,
|
|
46
|
+
ComboboxInput,
|
|
47
|
+
ComboboxItem,
|
|
48
|
+
ComboboxItemGroup,
|
|
49
|
+
ComboboxItemGroupLabel,
|
|
50
|
+
ComboboxItemIndicator,
|
|
51
|
+
ComboboxItemText,
|
|
52
|
+
ComboboxLabel,
|
|
53
|
+
ComboboxParts,
|
|
54
|
+
ComboboxPositioner,
|
|
55
|
+
ComboboxRoot,
|
|
56
|
+
ComboboxStartIcon,
|
|
57
|
+
ComboboxTrigger,
|
|
58
|
+
useStatefulCollection
|
|
59
|
+
};
|
|
60
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
ComboItemWithIndicator
|
|
4
|
+
} from "../../chunk-XBUXVNTY.js";
|
|
5
|
+
import "../../chunk-HIC7Z23X.js";
|
|
6
|
+
import "../../chunk-NR5XDIJ7.js";
|
|
7
|
+
import "../../chunk-GITT5645.js";
|
|
8
|
+
export {
|
|
9
|
+
ComboItemWithIndicator
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import {
|
|
2
|
+
ComboItemText,
|
|
3
|
+
ComboboxClearTrigger,
|
|
4
|
+
ComboboxContent,
|
|
5
|
+
ComboboxControl,
|
|
6
|
+
ComboboxInput,
|
|
7
|
+
ComboboxItem,
|
|
8
|
+
ComboboxItemGroup,
|
|
9
|
+
ComboboxItemGroupLabel,
|
|
10
|
+
ComboboxItemIndicator,
|
|
11
|
+
ComboboxItemText,
|
|
12
|
+
ComboboxLabel,
|
|
13
|
+
ComboboxPositioner,
|
|
14
|
+
ComboboxRoot,
|
|
15
|
+
ComboboxStartIcon,
|
|
16
|
+
ComboboxTrigger
|
|
17
|
+
} from "../../chunk-NR5XDIJ7.js";
|
|
18
|
+
export {
|
|
19
|
+
ComboItemText,
|
|
20
|
+
ComboboxClearTrigger,
|
|
21
|
+
ComboboxContent,
|
|
22
|
+
ComboboxControl,
|
|
23
|
+
ComboboxInput,
|
|
24
|
+
ComboboxItem,
|
|
25
|
+
ComboboxItemGroup,
|
|
26
|
+
ComboboxItemGroupLabel,
|
|
27
|
+
ComboboxItemIndicator,
|
|
28
|
+
ComboboxItemText,
|
|
29
|
+
ComboboxLabel,
|
|
30
|
+
ComboboxPositioner,
|
|
31
|
+
ComboboxRoot,
|
|
32
|
+
ComboboxStartIcon,
|
|
33
|
+
ComboboxTrigger
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=primitives.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -2,7 +2,7 @@ import "../../chunk-IKDXADLX.js";
|
|
|
2
2
|
import {
|
|
3
3
|
CTAModal,
|
|
4
4
|
useCTAModal
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-3B4SFTQB.js";
|
|
6
6
|
import "../../chunk-4LSTU6WU.js";
|
|
7
7
|
import "../../chunk-MVO2GNUA.js";
|
|
8
8
|
import "../../chunk-DXOKSZVQ.js";
|
|
@@ -12,11 +12,11 @@ import {
|
|
|
12
12
|
} from "../../chunk-PLHYOCY3.js";
|
|
13
13
|
import "../../chunk-DJOYRUNT.js";
|
|
14
14
|
import "../../chunk-NZKE7C53.js";
|
|
15
|
-
import "../../chunk-
|
|
15
|
+
import "../../chunk-MH6CIBDU.js";
|
|
16
16
|
import "../../chunk-APD6IX5R.js";
|
|
17
|
-
import "../../chunk-IQJDVFPP.js";
|
|
18
17
|
import "../../chunk-FCSO6N2Y.js";
|
|
19
18
|
import "../../chunk-D7UIWAFO.js";
|
|
19
|
+
import "../../chunk-IQJDVFPP.js";
|
|
20
20
|
import "../../chunk-GITT5645.js";
|
|
21
21
|
import "../../chunk-6KZVE4HC.js";
|
|
22
22
|
import "../../chunk-7SYJFI5E.js";
|
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
import {
|
|
3
3
|
CTAModal,
|
|
4
4
|
useCTAModal
|
|
5
|
-
} from "../../chunk-
|
|
5
|
+
} from "../../chunk-3B4SFTQB.js";
|
|
6
6
|
import "../../chunk-4LSTU6WU.js";
|
|
7
7
|
import "../../chunk-MVO2GNUA.js";
|
|
8
8
|
import "../../chunk-DXOKSZVQ.js";
|
|
9
9
|
import "../../chunk-SXLPDPOZ.js";
|
|
10
10
|
import "../../chunk-DJOYRUNT.js";
|
|
11
11
|
import "../../chunk-NZKE7C53.js";
|
|
12
|
-
import "../../chunk-
|
|
12
|
+
import "../../chunk-MH6CIBDU.js";
|
|
13
13
|
import "../../chunk-APD6IX5R.js";
|
|
14
|
-
import "../../chunk-IQJDVFPP.js";
|
|
15
14
|
import "../../chunk-FCSO6N2Y.js";
|
|
16
15
|
import "../../chunk-D7UIWAFO.js";
|
|
16
|
+
import "../../chunk-IQJDVFPP.js";
|
|
17
17
|
import "../../chunk-GITT5645.js";
|
|
18
18
|
import "../../chunk-6KZVE4HC.js";
|
|
19
19
|
import "../../chunk-7SYJFI5E.js";
|
|
@@ -4,9 +4,8 @@ import {
|
|
|
4
4
|
} from "../../chunk-NZKE7C53.js";
|
|
5
5
|
import {
|
|
6
6
|
Dialog
|
|
7
|
-
} from "../../chunk-
|
|
7
|
+
} from "../../chunk-MH6CIBDU.js";
|
|
8
8
|
import "../../chunk-APD6IX5R.js";
|
|
9
|
-
import "../../chunk-IQJDVFPP.js";
|
|
10
9
|
import {
|
|
11
10
|
DialogParts
|
|
12
11
|
} from "../../chunk-FCSO6N2Y.js";
|
|
@@ -21,6 +20,7 @@ import {
|
|
|
21
20
|
DialogRoot,
|
|
22
21
|
DialogTrigger
|
|
23
22
|
} from "../../chunk-D7UIWAFO.js";
|
|
23
|
+
import "../../chunk-IQJDVFPP.js";
|
|
24
24
|
import "../../chunk-GITT5645.js";
|
|
25
25
|
export {
|
|
26
26
|
Dialog,
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
import {
|
|
3
3
|
ConfirmModal,
|
|
4
4
|
useConfirmModal
|
|
5
|
-
} from "../chunk-
|
|
5
|
+
} from "../chunk-U5XRQ2JZ.js";
|
|
6
6
|
import "../chunk-SXLPDPOZ.js";
|
|
7
7
|
import "../chunk-DJOYRUNT.js";
|
|
8
8
|
import "../chunk-NZKE7C53.js";
|
|
9
|
-
import "../chunk-
|
|
9
|
+
import "../chunk-MH6CIBDU.js";
|
|
10
10
|
import "../chunk-APD6IX5R.js";
|
|
11
|
-
import "../chunk-IQJDVFPP.js";
|
|
12
11
|
import "../chunk-FCSO6N2Y.js";
|
|
13
12
|
import "../chunk-D7UIWAFO.js";
|
|
13
|
+
import "../chunk-IQJDVFPP.js";
|
|
14
14
|
import "../chunk-GITT5645.js";
|
|
15
15
|
import "../chunk-6KZVE4HC.js";
|
|
16
16
|
import "../chunk-7SYJFI5E.js";
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import {
|
|
3
3
|
NotificationCenter,
|
|
4
4
|
useNotificationCenter
|
|
5
|
-
} from "../chunk-
|
|
6
|
-
import "../chunk-SLHYBPJ5.js";
|
|
5
|
+
} from "../chunk-RKVY2HJ3.js";
|
|
7
6
|
import "../chunk-RDRD6ACD.js";
|
|
8
7
|
import "../chunk-UXY3KCC3.js";
|
|
8
|
+
import "../chunk-SLHYBPJ5.js";
|
|
9
9
|
import "../chunk-V3M3ZOQI.js";
|
|
10
10
|
import "../chunk-IQJDVFPP.js";
|
|
11
11
|
import "../chunk-GITT5645.js";
|
|
@@ -2,22 +2,22 @@
|
|
|
2
2
|
import {
|
|
3
3
|
PromptModal,
|
|
4
4
|
usePromptModal
|
|
5
|
-
} from "../chunk-
|
|
5
|
+
} from "../chunk-R7MPDSXX.js";
|
|
6
|
+
import "../chunk-TYPULJMJ.js";
|
|
7
|
+
import "../chunk-FBS7AX76.js";
|
|
8
|
+
import "../chunk-6I2FW4WI.js";
|
|
9
|
+
import "../chunk-VSTOSLFS.js";
|
|
10
|
+
import "../chunk-Z52R6ABJ.js";
|
|
11
|
+
import "../chunk-CNA2VKAH.js";
|
|
6
12
|
import "../chunk-RU5LOXWI.js";
|
|
7
13
|
import "../chunk-SXLPDPOZ.js";
|
|
8
14
|
import "../chunk-DJOYRUNT.js";
|
|
9
15
|
import "../chunk-NZKE7C53.js";
|
|
10
|
-
import "../chunk-
|
|
16
|
+
import "../chunk-MH6CIBDU.js";
|
|
11
17
|
import "../chunk-APD6IX5R.js";
|
|
12
|
-
import "../chunk-IQJDVFPP.js";
|
|
13
18
|
import "../chunk-FCSO6N2Y.js";
|
|
14
19
|
import "../chunk-D7UIWAFO.js";
|
|
15
|
-
import "../chunk-
|
|
16
|
-
import "../chunk-FBS7AX76.js";
|
|
17
|
-
import "../chunk-6I2FW4WI.js";
|
|
18
|
-
import "../chunk-VSTOSLFS.js";
|
|
19
|
-
import "../chunk-Z52R6ABJ.js";
|
|
20
|
-
import "../chunk-CNA2VKAH.js";
|
|
20
|
+
import "../chunk-IQJDVFPP.js";
|
|
21
21
|
import "../chunk-GITT5645.js";
|
|
22
22
|
import "../chunk-BL7G3577.js";
|
|
23
23
|
import "../chunk-FQLMPEYX.js";
|