mosuk-ui 1.0.12 → 1.0.14

package/components/actions/button/component/component.d.ts

@@ -1,3 +1,3 @@
+import { ButtonProps } from '../../../../components/actions/button/component/component.interface';
 import React, { ElementType } from 'react';
-import { ButtonProps } from './component.interface';
 export declare function Button<C extends ElementType = 'button'>({ as, ...rest }: ButtonProps<C>): React.JSX.Element;

package/components/actions/button/component/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../components/actions/button/component/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from './component.module.css';
 export function Button(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'button');

package/components/actions/button/component/index.d.ts

@@ -1,5 +1,5 @@
-import { Button as BaseButton } from './component';
-import type { ButtonProps } from './component.interface';
+import { Button as BaseButton } from '../../../../components/actions/button/component/component';
+import type { ButtonProps } from '../../../../components/actions/button/component/component.interface';
 export declare const Button: typeof BaseButton;
 export declare namespace Button {
     type Props = ButtonProps;

package/components/actions/button/component/index.js

@@ -1,2 +1,2 @@
-import { Button as BaseButton } from './component';
+import { Button as BaseButton } from '../../../../components/actions/button/component/component';
 export var Button = BaseButton;

package/components/actions/button/skeleton/component.d.ts

@@ -1,3 +1,3 @@
+import { ButtonSkeletonProps } from '../../../../components/actions/button/skeleton/component.interface';
 import React from 'react';
-import { ButtonSkeletonProps } from './component.interface';
 export declare function ButtonSkeleton({ ...rest }: ButtonSkeletonProps): React.JSX.Element;

package/components/actions/button/skeleton/component.interface.d.ts

@@ -1,4 +1,4 @@
+import { SkeletonProps } from '../../../../components/display/skeleton/component/component.interface';
 import { ElementType } from 'react';
-import { SkeletonProps } from '../../../display/skeleton/component/component.interface';
 export interface ButtonSkeletonProps extends SkeletonProps<ElementType> {
 }

package/components/actions/button/skeleton/component.js

@@ -20,10 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../components/actions/button/component/component.module.css';
+import { Skeleton } from '../../../../components/display/skeleton/component/component';
 import classNames from 'classnames';
 import React from 'react';
-import { Skeleton } from '../../../display/skeleton/component/component';
-import styles from './../component/component.module.css';
 export function ButtonSkeleton(_a) {
     var rest = __rest(_a, []);
     return (React.createElement(Skeleton, __assign({}, rest, { className: classNames('mosuk-button-skeleton', styles.button, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));

package/components/actions/button/skeleton/index.d.ts

@@ -1,5 +1,5 @@
-import { ButtonSkeleton as BaseButtonSkeleton } from './component';
-import type { ButtonSkeletonProps } from './component.interface';
+import { ButtonSkeleton as BaseButtonSkeleton } from '../../../../components/actions/button/skeleton/component';
+import type { ButtonSkeletonProps } from '../../../../components/actions/button/skeleton/component.interface';
 export declare const ButtonSkeleton: typeof BaseButtonSkeleton;
 export declare namespace ButtonSkeleton {
     type Props = ButtonSkeletonProps;

package/components/actions/button/skeleton/index.js

@@ -1,2 +1,2 @@
-import { ButtonSkeleton as BaseButtonSkeleton } from './component';
+import { ButtonSkeleton as BaseButtonSkeleton } from '../../../../components/actions/button/skeleton/component';
 export var ButtonSkeleton = BaseButtonSkeleton;

package/components/actions/checkbox/component/.partials/components/component.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxProps } from '../../../../../../components/actions/checkbox/component/.partials/components/component.interface';
+import React from 'react';
+export declare function Checkbox({ ref, ...rest }: CheckboxProps): React.JSX.Element;

package/components/actions/checkbox/component/.partials/components/component.interface.d.ts

@@ -0,0 +1,2 @@
+import { Checkbox } from '@base-ui/react';
+export type CheckboxProps = Checkbox.Root.Props;

package/components/actions/checkbox/component/.partials/components/component.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import styles from '../../../../../../components/actions/checkbox/component/.partials/styles/component.module.css';
+import { Checkbox as BaseCheckbox } from '@base-ui/react';
+import classNames from 'classnames';
+import React, { useId } from 'react';
+export function Checkbox(_a) {
+    var _b;
+    var ref = _a.ref, rest = __rest(_a, ["ref"]);
+    if (!(rest === null || rest === void 0 ? void 0 : rest.id)) {
+        rest.id = useId();
+    }
+    return (React.createElement(BaseCheckbox.Root, __assign({}, rest, { ref: ref, id: rest.id, name: (_b = rest.name) !== null && _b !== void 0 ? _b : rest.id, className: classNames('mosuk-checkbox', styles.checkbox, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/actions/checkbox/component/.partials/components/indicator/component.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxIndicatorProps } from '../../../../../../../components/actions/checkbox/component/.partials/components/indicator/component.interface';
+import React from 'react';
+export declare function CheckboxIndicator({ ref, ...rest }: CheckboxIndicatorProps): React.JSX.Element;

package/components/actions/checkbox/component/.partials/components/indicator/component.interface.d.ts

@@ -0,0 +1,2 @@
+import { Checkbox } from '@base-ui/react';
+export type CheckboxIndicatorProps = Checkbox.Indicator.Props;

package/components/actions/checkbox/component/.partials/components/indicator/component.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import styles from '../../../../../../../components/actions/checkbox/component/.partials/styles/component.module.css';
+import { Checkbox } from '@base-ui/react';
+import classNames from 'classnames';
+import React, { useId } from 'react';
+export function CheckboxIndicator(_a) {
+    var ref = _a.ref, rest = __rest(_a, ["ref"]);
+    if (!(rest === null || rest === void 0 ? void 0 : rest.id)) {
+        rest.id = useId();
+    }
+    return (React.createElement(Checkbox.Indicator, __assign({}, rest, { className: classNames('mosuk-checkbox-indicator', styles.indicator, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/actions/checkbox/component/.partials/styles/component.module.css

@@ -0,0 +1,56 @@
+@layer mosuk-ui {
+    @layer index-11 {
+        .checkbox {
+            appearance: none;
+
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            width: calc(var(--spacing, .25rem) * 4);
+            height: calc(var(--spacing, .25rem) * 4);
+            min-width: calc(var(--spacing, .25rem) * 4);
+            min-height: calc(var(--spacing, .25rem) * 4);
+
+            border: 1px solid;
+            border-color: var(--color-gray-200);
+            outline: none;
+
+            cursor: pointer;
+            transition: all 200ms ease-in-out;
+
+            & :where(svg) {
+                width: 100%;
+                height: 100%;
+                min-width: 100%;
+                min-height: 100%;
+
+                color: var(--color-primary-500);
+
+                opacity: 0;
+                transition: all 200ms ease-in-out;
+            }
+
+            &:hover {
+                & :where(svg) {
+                    opacity: 0.25;
+                }
+            }
+
+            &[data-checked],
+            &[data-indeterminate] {
+                & :where(svg) {
+                    opacity: 1;
+                }
+            }
+        }
+
+        .indicator {
+            display: flex;
+
+            &[data-unchecked] {
+                display: none;
+            }
+        }
+    }
+}

package/components/actions/checkbox/component/index.d.ts

@@ -0,0 +1,13 @@
+import { Checkbox as Component } from '../../../../components/actions/checkbox/component/.partials/components/component';
+import { CheckboxProps } from '../../../../components/actions/checkbox/component/.partials/components/component.interface';
+import { CheckboxIndicator } from '../../../../components/actions/checkbox/component/.partials/components/indicator/component';
+import { CheckboxIndicatorProps } from '../../../../components/actions/checkbox/component/.partials/components/indicator/component.interface';
+export declare const Checkbox: typeof Component & {
+    Indicator: typeof CheckboxIndicator;
+};
+export declare namespace Checkbox {
+    type Props = CheckboxProps;
+    namespace Indicator {
+        type Props = CheckboxIndicatorProps;
+    }
+}

package/components/actions/checkbox/component/index.js

@@ -0,0 +1,5 @@
+import { Checkbox as Component } from '../../../../components/actions/checkbox/component/.partials/components/component';
+import { CheckboxIndicator } from '../../../../components/actions/checkbox/component/.partials/components/indicator/component';
+export var Checkbox = Object.assign(Component, {
+    Indicator: CheckboxIndicator,
+});

package/components/actions/checkbox/skeleton/.partials/components/component.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxSkeletonProps } from '../../../../../../components/actions/checkbox/skeleton/.partials/components/component.interface';
+import React from 'react';
+export declare function CheckboxSkeleton({ ...rest }: CheckboxSkeletonProps): React.JSX.Element;

package/components/actions/checkbox/skeleton/.partials/components/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { SkeletonProps } from '../../../../../../components/display/skeleton/component/component.interface';
+export interface CheckboxSkeletonProps extends SkeletonProps {
+}

package/components/actions/checkbox/skeleton/.partials/components/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/{input/(otp)/component/separator → checkbox/skeleton/.partials/components}/component.js

@@ -20,11 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../components/actions/checkbox/component/.partials/styles/component.module.css';
+import { Skeleton } from '../../../../../../components/display/skeleton/component/component';
 import classNames from 'classnames';
 import React from 'react';
-import { OTPFieldPreview as OTPField } from '@base-ui/react/otp-field';
-import styles from '../component.module.css';
-export function InputOtpSeparator(_a) {
-    var index = _a.index, length = _a.length, className = _a.className, rest = __rest(_a, ["index", "length", "className"]);
-    return (React.createElement(OTPField.Separator, __assign({ className: classNames(styles.separator, 'mosuk-input-otp-separator', className), "aria-label": "Character ".concat(index !== null && index !== void 0 ? index : 1, " of ").concat(length) }, rest)));
+export function CheckboxSkeleton(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Skeleton, __assign({}, rest, { className: classNames('mosuk-checkbox-skeleton', styles.checkbox, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
 }

package/components/actions/checkbox/skeleton/.partials/components/indicator/component.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxIndicatorSkeletonProps } from '../../../../../../../components/actions/checkbox/skeleton/.partials/components/indicator/component.interface';
+import React from 'react';
+export declare function CheckboxIndicatorSkeleton({ ...rest }: CheckboxIndicatorSkeletonProps): React.JSX.Element;

package/components/actions/checkbox/skeleton/.partials/components/indicator/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export interface CheckboxIndicatorSkeletonProps extends HTMLAttributes<HTMLDivElement> {
+}

package/components/actions/checkbox/skeleton/.partials/components/indicator/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/{input/(otp)/skeleton → checkbox/skeleton/.partials/components/indicator}/component.js

@@ -20,11 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../../components/actions/checkbox/component/.partials/styles/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from './component.module.css';
-export function InputOtpSkeleton(_a) {
-    var as = _a.as, _b = _a.slots, slots = _b === void 0 ? 6 : _b, children = _a.children, rest = __rest(_a, ["as", "slots", "children"]);
-    var Component = (as || 'div');
-    return (React.createElement(Component, __assign({}, rest, { className: classNames('mosuk-input-otp-skeleton', styles.otp, rest === null || rest === void 0 ? void 0 : rest.className) }), children));
+export function CheckboxIndicatorSkeleton(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement("div", __assign({}, rest, { className: classNames('mosuk-checkbox-indicator-skeleton', styles.indicator, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
 }

package/components/actions/checkbox/skeleton/index.d.ts

@@ -0,0 +1,13 @@
+import { CheckboxSkeleton as Component } from '../../../../components/actions/checkbox/skeleton/.partials/components/component';
+import type { CheckboxSkeletonProps } from '../../../../components/actions/checkbox/skeleton/.partials/components/component.interface';
+import { CheckboxIndicatorSkeleton } from '../../../../components/actions/checkbox/skeleton/.partials/components/indicator/component';
+import { CheckboxIndicatorSkeletonProps } from '../../../../components/actions/checkbox/skeleton/.partials/components/indicator/component.interface';
+export declare const CheckboxSkeleton: typeof Component & {
+    Indicator: typeof CheckboxIndicatorSkeleton;
+};
+export declare namespace CheckboxSkeleton {
+    type Props = CheckboxSkeletonProps;
+    namespace Indicator {
+        type Props = CheckboxIndicatorSkeletonProps;
+    }
+}

package/components/actions/checkbox/skeleton/index.js

@@ -0,0 +1,5 @@
+import { CheckboxSkeleton as Component } from '../../../../components/actions/checkbox/skeleton/.partials/components/component';
+import { CheckboxIndicatorSkeleton } from '../../../../components/actions/checkbox/skeleton/.partials/components/indicator/component';
+export var CheckboxSkeleton = Object.assign(Component, {
+    Indicator: CheckboxIndicatorSkeleton,
+});

package/components/actions/combobox/component/.partials/components/component.d.ts

@@ -0,0 +1,3 @@
+import { ComboboxProps } from '../../../../../../components/actions/combobox/component/.partials/components/component.interface';
+import React from 'react';
+export declare function Combobox<Value, Multiple extends boolean | undefined = false>({ ...rest }: ComboboxProps<Value, Multiple>): React.JSX.Element;

package/components/actions/combobox/component/.partials/components/component.interface.d.ts

@@ -0,0 +1,2 @@
+import { Combobox } from '@base-ui/react/combobox';
+export type ComboboxProps<Value, Multiple extends boolean | undefined = false> = Combobox.Root.Props<Value, Multiple>;

package/components/actions/combobox/component/.partials/components/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/combobox/component/.partials/components/component.js

@@ -0,0 +1,29 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
+import React from 'react';
+export function Combobox(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(ComboboxPrimitive.Root, __assign({}, rest), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/actions/combobox/component/.partials/components/fieldset/chips/chip/chip-remove/component.d.ts

@@ -0,0 +1,3 @@
+import { ComboboxFieldsetChipsChipChipRemoveProps } from '../../../../../../../../../../components/actions/combobox/component/.partials/components/fieldset/chips/chip/chip-remove/component.interface';
+import React from 'react';
+export declare function ComboboxFieldsetChipsChipChipRemove({ ref, ...rest }: ComboboxFieldsetChipsChipChipRemoveProps): React.JSX.Element;

package/components/actions/combobox/component/.partials/components/fieldset/chips/chip/chip-remove/component.interface.d.ts

@@ -0,0 +1,2 @@
+import { Combobox } from '@base-ui/react/combobox';
+export type ComboboxFieldsetChipsChipChipRemoveProps = Combobox.ChipRemove.Props;

package/components/actions/combobox/component/.partials/components/fieldset/chips/chip/chip-remove/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/combobox/component/.partials/components/fieldset/chips/chip/chip-remove/component.js

@@ -0,0 +1,31 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import styles from '../../../../../../../../../../components/actions/combobox/component/.partials/styles/component.module.css';
+import { Combobox } from '@base-ui/react/combobox';
+import classNames from 'classnames';
+import React from 'react';
+export function ComboboxFieldsetChipsChipChipRemove(_a) {
+    var ref = _a.ref, rest = __rest(_a, ["ref"]);
+    return (React.createElement(Combobox.ChipRemove, __assign({}, rest, { ref: ref, className: classNames('mosuk-combobox-fieldset-chips-chip-chip-remove', styles.ComboboxFieldsetChipsChipChipRemove, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/actions/combobox/component/.partials/components/fieldset/chips/chip/component.d.ts

@@ -0,0 +1,3 @@
+import { ComboboxFieldsetChipsChipProps } from '../../../../../../../../../components/actions/combobox/component/.partials/components/fieldset/chips/chip/component.interface';
+import React from 'react';
+export declare function ComboboxFieldsetChipsChip({ ref, ...rest }: ComboboxFieldsetChipsChipProps): React.JSX.Element;

package/components/actions/combobox/component/.partials/components/fieldset/chips/chip/component.interface.d.ts

@@ -0,0 +1,2 @@
+import { Combobox } from '@base-ui/react/combobox';
+export type ComboboxFieldsetChipsChipProps = Combobox.Chip.Props;

package/components/actions/combobox/component/.partials/components/fieldset/chips/chip/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/combobox/component/.partials/components/fieldset/chips/chip/component.js

@@ -0,0 +1,31 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import styles from '../../../../../../../../../components/actions/combobox/component/.partials/styles/component.module.css';
+import { Combobox } from '@base-ui/react/combobox';
+import classNames from 'classnames';
+import React from 'react';
+export function ComboboxFieldsetChipsChip(_a) {
+    var ref = _a.ref, rest = __rest(_a, ["ref"]);
+    return (React.createElement(Combobox.Chip, __assign({}, rest, { ref: ref, className: classNames('mosuk-combobox-fieldset-chips-chip', styles.ComboboxFieldsetChipsChip, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/actions/combobox/component/.partials/components/fieldset/chips/component.d.ts

@@ -0,0 +1,3 @@
+import { ComboboxFieldsetChipsProps } from '../../../../../../../../components/actions/combobox/component/.partials/components/fieldset/chips/component.interface';
+import React from 'react';
+export declare function ComboboxFieldsetChips({ ref, ...rest }: ComboboxFieldsetChipsProps): React.JSX.Element;

package/components/actions/combobox/component/.partials/components/fieldset/chips/component.interface.d.ts

@@ -0,0 +1,2 @@
+import { Combobox } from '@base-ui/react/combobox';
+export type ComboboxFieldsetChipsProps = Combobox.Chips.Props;

package/components/actions/combobox/component/.partials/components/fieldset/chips/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/combobox/component/.partials/components/fieldset/chips/component.js

@@ -0,0 +1,31 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import styles from '../../../../../../../../components/actions/combobox/component/.partials/styles/component.module.css';
+import { Combobox } from '@base-ui/react/combobox';
+import classNames from 'classnames';
+import React from 'react';
+export function ComboboxFieldsetChips(_a) {
+    var ref = _a.ref, rest = __rest(_a, ["ref"]);
+    return (React.createElement(Combobox.Chips, __assign({}, rest, { ref: ref, className: classNames('mosuk-combobox-fieldset-chips', styles.ComboboxFieldsetChips, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/actions/combobox/component/.partials/components/fieldset/clear/component.d.ts

@@ -0,0 +1,3 @@
+import { ComboboxFieldsetClearProps } from '../../../../../../../../components/actions/combobox/component/.partials/components/fieldset/clear/component.interface';
+import React from 'react';
+export declare function ComboboxFieldsetClear({ ...rest }: ComboboxFieldsetClearProps): React.JSX.Element;

package/components/actions/combobox/component/.partials/components/fieldset/clear/component.interface.d.ts

@@ -0,0 +1,2 @@
+import { Combobox } from '@base-ui/react/combobox';
+export type ComboboxFieldsetClearProps = Combobox.Clear.Props;

package/components/actions/combobox/component/.partials/components/fieldset/clear/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/combobox/component/.partials/components/fieldset/clear/component.js

@@ -0,0 +1,31 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import styles from '../../../../../../../../components/actions/combobox/component/.partials/styles/component.module.css';
+import { Combobox } from '@base-ui/react/combobox';
+import classNames from 'classnames';
+import React from 'react';
+export function ComboboxFieldsetClear(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Combobox.Clear, __assign({}, rest, { className: classNames('mosuk-combobox-fieldset-clear', styles.ComboboxFieldsetClear, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/actions/combobox/component/.partials/components/fieldset/component.d.ts

@@ -0,0 +1,3 @@
+import { ComboboxFieldsetProps } from '../../../../../../../components/actions/combobox/component/.partials/components/fieldset/component.interface';
+import React from 'react';
+export declare function ComboboxFieldset({ ...rest }: ComboboxFieldsetProps): React.JSX.Element;

package/components/actions/combobox/component/.partials/components/fieldset/component.interface.d.ts

@@ -0,0 +1,2 @@
+import { Combobox } from '@base-ui/react/combobox';
+export type ComboboxFieldsetProps = Combobox.InputGroup.Props;

package/components/actions/combobox/component/.partials/components/fieldset/component.interface.js

@@ -0,0 +1 @@
+export {};

package/components/actions/combobox/component/.partials/components/fieldset/component.js

@@ -0,0 +1,31 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import ComboboxStyles from '../../../../../../../components/actions/combobox/component/.partials/styles/component.module.css';
+import { Combobox } from '@base-ui/react/combobox';
+import classNames from 'classnames';
+import React from 'react';
+export function ComboboxFieldset(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Combobox.InputGroup, __assign({}, rest, { className: classNames('mosuk-combobox-fieldset', ComboboxStyles.ComboboxFieldset, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/actions/combobox/component/.partials/components/fieldset/icon/component.d.ts

@@ -0,0 +1,3 @@
+import { ComboboxFieldsetIconProps } from '../../../../../../../../components/actions/combobox/component/.partials/components/fieldset/icon/component.interface';
+import React from 'react';
+export declare function ComboboxFieldsetIcon({ ref, ...rest }: ComboboxFieldsetIconProps): React.JSX.Element;

package/components/actions/combobox/component/.partials/components/fieldset/icon/component.interface.d.ts

@@ -0,0 +1,2 @@
+import { Combobox } from '@base-ui/react/combobox';
+export type ComboboxFieldsetIconProps = Combobox.Icon.Props;

package/components/actions/combobox/component/.partials/components/fieldset/icon/component.interface.js

@@ -0,0 +1 @@
+export {};