opui-css 5.4.3 → 6.0.0-rc.2

package/dist/components/Divider/types.react.d.ts

@@ -0,0 +1,4 @@
+import type * as Base from "./types.js";
+import type { ComponentProps } from "react";
+export type Props = Base.Props & ComponentProps<"hr">;
+//# sourceMappingURL=types.react.d.ts.map

package/dist/components/Divider/types.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.react.d.ts","sourceRoot":"","sources":["../../../components/Divider/types.react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,IAAI,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAA"}

package/dist/components/Divider/types.react.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.react.js.map

package/dist/components/Divider/types.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.react.js","sourceRoot":"","sources":["../../../components/Divider/types.react.ts"],"names":[],"mappings":""}

package/dist/components/Divider/types.svelte.d.ts

@@ -0,0 +1,4 @@
+import type * as Base from "./types.js";
+import type { SvelteHTMLElements } from "svelte/elements";
+export type Props = Base.Props & SvelteHTMLElements["hr"];
+//# sourceMappingURL=types.svelte.d.ts.map

package/dist/components/Divider/types.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.svelte.d.ts","sourceRoot":"","sources":["../../../components/Divider/types.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,IAAI,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEzD,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAA"}

package/dist/components/Divider/types.svelte.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.svelte.js.map

package/dist/components/Divider/types.svelte.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.svelte.js","sourceRoot":"","sources":["../../../components/Divider/types.svelte.ts"],"names":[],"mappings":""}

package/dist/components/Divider/types.vue-props.d.ts

@@ -0,0 +1,5 @@
+import type { Class, DefaultSlots } from "../vue.js";
+import type { Props as BaseProps } from "./types.js";
+export type Props = BaseProps & Class;
+export type Slots = DefaultSlots;
+//# sourceMappingURL=types.vue-props.d.ts.map

package/dist/components/Divider/types.vue-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.vue-props.d.ts","sourceRoot":"","sources":["../../../components/Divider/types.vue-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACjD,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,KAAK,CAAA;AAErC,MAAM,MAAM,KAAK,GAAG,YAAY,CAAA"}

package/dist/components/Divider/types.vue-props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.vue-props.js.map

package/dist/components/Divider/types.vue-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.vue-props.js","sourceRoot":"","sources":["../../../components/Divider/types.vue-props.ts"],"names":[],"mappings":""}

package/dist/components/Drawer/Drawer.react.d.ts

@@ -0,0 +1,3 @@
+import type { Props } from "./types.react.js";
+export default function Drawer({ backdrop, className, closedby, id, scrollLock, side, children, ...rest }: Props): import("react").JSX.Element;
+//# sourceMappingURL=Drawer.react.d.ts.map

package/dist/components/Drawer/Drawer.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.react.d.ts","sourceRoot":"","sources":["../../../components/Drawer/Drawer.react.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,QAAoB,EACpB,SAAS,EACT,QAAgB,EAChB,EAAE,EACF,UAAU,EACV,IAAqB,EACrB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,KAAK,+BAyBP"}

package/dist/components/Drawer/Drawer.react.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defined } from "../attrs.js";
+import { cx } from "../cx.js";
+import { DrawerContext } from "./context.react.js";
+import { autoLabelledBy } from "../id.js";
+import { warnMissingId } from "../dev.js";
+export default function Drawer({ backdrop = "blurred", className, closedby = "any", id, scrollLock, side = "inline-start", children, ...rest }) {
+    const labelledBy = autoLabelledBy(rest, `${id}-heading`);
+    warnMissingId("Drawer", id);
+    return (_jsx(DrawerContext, { value: { id, titleId: labelledBy }, children: _jsx("dialog", { closedby: closedby, className: cx([
+                "ui-drawer",
+                {
+                    "ui-backdrop-transparent": backdrop === "transparent",
+                    "ui-scroll-lock": scrollLock,
+                },
+                side && side !== "inline-start" && `ui-${side}`,
+                className,
+            ]), "aria-labelledby": labelledBy, id: id, ...defined(rest), children: children }) }));
+}
+//# sourceMappingURL=Drawer.react.js.map

package/dist/components/Drawer/Drawer.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.react.js","sourceRoot":"","sources":["../../../components/Drawer/Drawer.react.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAGtC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,QAAQ,GAAG,SAAS,EACpB,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,EAAE,EACF,UAAU,EACV,IAAI,GAAG,cAAc,EACrB,QAAQ,EACR,GAAG,IAAI,EACD;IACN,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE,UAAU,CAAC,CAAA;IACxD,aAAa,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;IAE3B,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,YAC/C,iBACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC;gBACZ,WAAW;gBACX;oBACE,yBAAyB,EAAE,QAAQ,KAAK,aAAa;oBACrD,gBAAgB,EAAE,UAAU;iBAC7B;gBACD,IAAI,IAAI,IAAI,KAAK,cAAc,IAAI,MAAM,IAAI,EAAE;gBAC/C,SAAS;aACV,CAAC,qBACe,UAAU,EAC3B,EAAE,EAAE,EAAE,KACF,OAAO,CAAC,IAAI,CAAC,YAEhB,QAAQ,GACF,GACK,CACjB,CAAA;AACH,CAAC"}

package/dist/components/Drawer/Drawer.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+  import { untrack } from "svelte"
+  import { setDrawerContext } from "./context.svelte.js"
+  import { autoLabelledBy } from "../id.js"
+  import { warnMissingId } from "../dev.js"
+  import { defined } from "../attrs.js"
+  import type { Props } from "./types.svelte.js"
+
+  let {
+    backdrop = "blurred",
+    class: className,
+    closedby = "any",
+    id,
+    scrollLock,
+    side = "inline-start",
+
+    // Snippets
+    children,
+    ...rest
+  }: Props = $props()
+
+  const labelledBy = $derived(autoLabelledBy(rest, `${id}-heading`))
+  untrack(() => warnMissingId("Drawer", id))
+  setDrawerContext({
+    get id() {
+      return id
+    },
+    get titleId() {
+      return labelledBy
+    },
+  })
+</script>
+
+<dialog
+  {closedby}
+  class={[
+    "ui-drawer",
+    {
+      "ui-backdrop-transparent": backdrop === "transparent",
+      "ui-scroll-lock": scrollLock,
+    },
+    side && side !== "inline-start" && `ui-${side}`,
+    className,
+  ]}
+  aria-labelledby={labelledBy}
+  {id}
+  {...defined(rest)}
+>
+  {@render children?.()}
+</dialog>

package/dist/components/Drawer/Drawer.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { Props } from "./types.svelte.js";
+declare const Drawer: import("svelte").Component<Props, {}, "">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;
+//# sourceMappingURL=Drawer.svelte.d.ts.map

package/dist/components/Drawer/Drawer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../components/Drawer/Drawer.svelte"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAiD5C,QAAA,MAAM,MAAM,2CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/Drawer/Drawer.vue.d.ts

@@ -0,0 +1,12 @@
+import type { Props, Slots } from "./types.vue-props.js";
+type __VLS_Slots = Slots;
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Drawer.vue.d.ts.map

package/dist/components/Drawer/Drawer.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.vue.d.ts","sourceRoot":"","sources":["../../../components/Drawer/Drawer.vue"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAarD,KAAK,WAAW,GAAG,KAAK,CAAC;AAyDzB,QAAA,MAAM,UAAU,sRAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Drawer/Drawer.vue.js

@@ -0,0 +1,47 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["closedby", "aria-labelledby", "id"];
+import { computed, provide, reactive, useAttrs } from "vue";
+import { DrawerKey } from "./context.vue.js";
+import { autoLabelledBy } from "../id.js";
+import { warnMissingId } from "../dev.js";
+import { defined } from "../attrs.js";
+export default /*@__PURE__*/ _defineComponent({
+    ...{
+        inheritAttrs: false,
+    },
+    __name: 'Drawer',
+    props: {
+        backdrop: { default: "blurred" },
+        closedby: { default: "any" },
+        id: {},
+        scrollLock: { type: Boolean },
+        side: { default: "inline-start" },
+        class: { type: [Boolean, null, String, Object, Array] }
+    },
+    setup(__props) {
+        const attrs = useAttrs();
+        const labelledBy = computed(() => autoLabelledBy(attrs, `${__props.id}-heading`));
+        warnMissingId("Drawer", __props.id);
+        provide(DrawerKey, reactive({ id: computed(() => __props.id), titleId: labelledBy }));
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("dialog", _mergeProps({
+                closedby: __props.closedby,
+                class: [
+                    'ui-drawer',
+                    {
+                        'ui-backdrop-transparent': __props.backdrop === 'transparent',
+                        'ui-scroll-lock': __props.scrollLock,
+                    },
+                    __props.side && __props.side !== 'inline-start' && `ui-${__props.side}`,
+                    _ctx.$props.class,
+                ],
+                "aria-labelledby": labelledBy.value,
+                id: __props.id
+            }, _unref(defined)(_unref(attrs))), [
+                _renderSlot(_ctx.$slots, "default")
+            ], 16 /* FULL_PROPS */, _hoisted_1));
+        };
+    }
+});
+//# sourceMappingURL=Drawer.vue.js.map

package/dist/components/Drawer/Drawer.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.vue.js","mappings":";;;AACA,OAAO,EAAE,QAAQ,EAAuB,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,KAAI;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAc;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAM;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAO;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAS;;;;;;;;;;;;;;;QAgBjC,MAAM,KAAK,GAAG,QAAQ,EAAmB;QAEzC,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,UAAE,UAAU,CAAC;QAExE,aAAa,CAAC,QAAQ,EAAE,UAAE;QAE1B,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,UAAE,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;;kCAI1E,oBAgBS,UAhBT,YAgBS;gBAfN,QAAQ,EAAE,gBAAQ;gBAClB,KAAK;;;mDAAkE,gBAAQ;0CAA8C,kBAAU;;oBAAiB,YAAI,IAAI,YAAI,6BAA6B,YAAI;oBAAUA,WAAM,CAAC,KAAK;;gBAS3N,iBAAe,EAAE,gBAAU;gBAC3B,EAAE,EAAE,UAAE;eACC,eAAO,CAAC,aAAK;gBAErB,YAAa","names":["$props"],"ignoreList":[],"sources":["../../../components/Drawer/Drawer.vue"]}

package/dist/components/Drawer/DrawerContent.react.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerContentProps as Props } from "./types.react.js";
+export default function DrawerContent({ className, children, ...rest }: Props): import("react").JSX.Element;
+//# sourceMappingURL=DrawerContent.react.d.ts.map

package/dist/components/Drawer/DrawerContent.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.react.d.ts","sourceRoot":"","sources":["../../../components/Drawer/DrawerContent.react.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,+BAM5E"}

package/dist/components/Drawer/DrawerContent.react.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+export default function DrawerContent({ className, children, ...rest }) {
+    return (_jsx("div", { className: cx(["ui-content", className]), ...rest, children: children }));
+}
+//# sourceMappingURL=DrawerContent.react.js.map

package/dist/components/Drawer/DrawerContent.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.react.js","sourceRoot":"","sources":["../../../components/Drawer/DrawerContent.react.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG1B,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAS;IAC3E,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,KAAM,IAAI,YACpD,QAAQ,GACL,CACP,CAAA;AACH,CAAC"}

package/dist/components/Drawer/DrawerContent.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import type { DrawerContentProps as Props } from "./types.svelte.js"
+
+  let {
+    class: className,
+
+    // Snippets
+    children,
+    ...rest
+  }: Props = $props()
+</script>
+
+<div class={["ui-content", className]} {...rest}>
+  {@render children?.()}
+</div>

package/dist/components/Drawer/DrawerContent.svelte.d.ts

@@ -0,0 +1,4 @@
+declare const DrawerContent: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement>, {}, "">;
+type DrawerContent = ReturnType<typeof DrawerContent>;
+export default DrawerContent;
+//# sourceMappingURL=DrawerContent.svelte.d.ts.map

package/dist/components/Drawer/DrawerContent.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.svelte.d.ts","sourceRoot":"","sources":["../../../components/Drawer/DrawerContent.svelte"],"names":[],"mappings":"AAuBA,QAAA,MAAM,aAAa,8FAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/Drawer/DrawerContent.vue.d.ts

@@ -0,0 +1,12 @@
+import type { Slots } from "./types.vue-props.js";
+type __VLS_Slots = Slots;
+declare const __VLS_base: import("vue").DefineComponent<import("../vue.js").Class, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../vue.js").Class> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=DrawerContent.vue.d.ts.map

package/dist/components/Drawer/DrawerContent.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.vue.d.ts","sourceRoot":"","sources":["../../../components/Drawer/DrawerContent.vue"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAA+B,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAM3E,KAAK,WAAW,GAAG,KAAK,CAAC;AA+BzB,QAAA,MAAM,UAAU,wTAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Drawer/DrawerContent.vue.js

@@ -0,0 +1,18 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+export default /*@__PURE__*/ _defineComponent({
+    __name: 'DrawerContent',
+    props: {
+        class: { type: [Boolean, null, String, Object, Array] }
+    },
+    setup(__props) {
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass(['ui-content', _ctx.$props.class])
+            }, [
+                _renderSlot(_ctx.$slots, "default")
+            ], 2 /* CLASS */));
+        };
+    }
+});
+//# sourceMappingURL=DrawerContent.vue.js.map

package/dist/components/Drawer/DrawerContent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.vue.js","mappings":";;;;;;;;;kCAQE,oBAEM;gBAFA,KAAK,iCAAiBA,WAAM,CAAC,KAAK;;gBACtC,YAAa","names":["$props"],"ignoreList":[],"sources":["../../../components/Drawer/DrawerContent.vue"]}

package/dist/components/Drawer/DrawerFooter.react.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerFooterProps as Props } from "./types.react.js";
+export default function DrawerFooter({ align, className, children, ...rest }: Props): import("react").JSX.Element;
+//# sourceMappingURL=DrawerFooter.react.d.ts.map

package/dist/components/Drawer/DrawerFooter.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerFooter.react.d.ts","sourceRoot":"","sources":["../../../components/Drawer/DrawerFooter.react.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAE/D,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,KAAK,+BAaP"}

package/dist/components/Drawer/DrawerFooter.react.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+export default function DrawerFooter({ align, className, children, ...rest }) {
+    return (_jsx("div", { className: cx([
+            "ui-footer",
+            align && align !== "end" && `ui-align-${align}`,
+            className,
+        ]), ...rest, children: children }));
+}
+//# sourceMappingURL=DrawerFooter.react.js.map

package/dist/components/Drawer/DrawerFooter.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerFooter.react.js","sourceRoot":"","sources":["../../../components/Drawer/DrawerFooter.react.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG1B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACD;IACN,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC;YACZ,WAAW;YACX,KAAK,IAAI,KAAK,KAAK,KAAK,IAAI,YAAY,KAAK,EAAE;YAC/C,SAAS;SACV,CAAC,KACE,IAAI,YAEP,QAAQ,GACL,CACP,CAAA;AACH,CAAC"}

package/dist/components/Drawer/DrawerFooter.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import type { DrawerFooterProps as Props } from "./types.svelte.js"
+
+  let {
+    align,
+    class: className,
+
+    // Snippets
+    children,
+    ...rest
+  }: Props = $props()
+</script>
+
+<div
+  class={[
+    "ui-footer",
+    align && align !== "end" && `ui-align-${align}`,
+    className,
+  ]}
+  {...rest}
+>
+  {@render children?.()}
+</div>

package/dist/components/Drawer/DrawerFooter.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { DrawerFooterProps as Props } from "./types.svelte.js";
+declare const DrawerFooter: import("svelte").Component<Props, {}, "">;
+type DrawerFooter = ReturnType<typeof DrawerFooter>;
+export default DrawerFooter;
+//# sourceMappingURL=DrawerFooter.svelte.d.ts.map

package/dist/components/Drawer/DrawerFooter.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerFooter.svelte.d.ts","sourceRoot":"","sources":["../../../components/Drawer/DrawerFooter.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAyBjE,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/Drawer/DrawerFooter.vue.d.ts

@@ -0,0 +1,12 @@
+import type { DrawerFooterProps as Props, Slots } from "./types.vue-props.js";
+type __VLS_Slots = Slots;
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=DrawerFooter.vue.d.ts.map

package/dist/components/Drawer/DrawerFooter.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerFooter.vue.d.ts","sourceRoot":"","sources":["../../../components/Drawer/DrawerFooter.vue"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,iBAAiB,IAAI,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAO1E,KAAK,WAAW,GAAG,KAAK,CAAC;AAmCzB,QAAA,MAAM,UAAU,sRAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Drawer/DrawerFooter.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+export default /*@__PURE__*/ _defineComponent({
+    __name: 'DrawerFooter',
+    props: {
+        align: {},
+        class: { type: [Boolean, null, String, Object, Array] }
+    },
+    setup(__props) {
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass([
+                    'ui-footer',
+                    __props.align && __props.align !== 'end' && `ui-align-${__props.align}`,
+                    _ctx.$props.class,
+                ])
+            }, [
+                _renderSlot(_ctx.$slots, "default")
+            ], 2 /* CLASS */));
+        };
+    }
+});
+//# sourceMappingURL=DrawerFooter.vue.js.map

package/dist/components/Drawer/DrawerFooter.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerFooter.vue.js","mappings":";;;;;;;;;;kCAQE,oBAQM;gBAPH,KAAK;;oBAA6B,aAAK,IAAI,aAAK,0BAA0B,aAAK;oBAAUA,WAAM,CAAC,KAAK;;;gBAMtG,YAAa","names":["$props"],"ignoreList":[],"sources":["../../../components/Drawer/DrawerFooter.vue"]}

package/dist/components/Drawer/DrawerHeader.react.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerHeaderProps as Props } from "./types.react.js";
+export default function DrawerHeader({ className, closeLabel, commandfor, children, closeIcon, ...rest }: Props): import("react").JSX.Element;
+//# sourceMappingURL=DrawerHeader.react.d.ts.map

package/dist/components/Drawer/DrawerHeader.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.react.d.ts","sourceRoot":"","sources":["../../../components/Drawer/DrawerHeader.react.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAE/D,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAS,EACT,UAAoB,EACpB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,KAAK,+BA+BP"}

package/dist/components/Drawer/DrawerHeader.react.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+import Button from "../Button/Button.react.js";
+import { useDrawerContext } from "./context.react.js";
+import { warnMissingTarget } from "../dev.js";
+import { closePath } from "./icons.js";
+export default function DrawerHeader({ className, closeLabel = "Close", commandfor, children, closeIcon, ...rest }) {
+    const drawer = useDrawerContext();
+    const target = commandfor ?? drawer?.id;
+    warnMissingTarget("DrawerHeader", target, "Drawer");
+    return (_jsxs("div", { className: cx(["ui-header", className]), ...rest, children: [children, _jsx(Button, { "aria-label": closeLabel, command: "close", commandfor: target, round: true, size: "small", children: closeIcon === undefined ? (_jsx("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", children: _jsx("path", { fill: "currentColor", d: closePath }) })) : (closeIcon) })] }));
+}
+//# sourceMappingURL=DrawerHeader.react.js.map

package/dist/components/Drawer/DrawerHeader.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.react.js","sourceRoot":"","sources":["../../../components/Drawer/DrawerHeader.react.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC1B,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGnC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAS,EACT,UAAU,GAAG,OAAO,EACpB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACD;IACN,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAA;IACjC,MAAM,MAAM,GAAG,UAAU,IAAI,MAAM,EAAE,EAAE,CAAA;IACvC,iBAAiB,CAAC,cAAc,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAA;IAEnD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,KAAM,IAAI,aACnD,QAAQ,EACT,KAAC,MAAM,kBACO,UAAU,EACtB,OAAO,EAAC,OAAO,EACf,UAAU,EAAE,MAAM,EAClB,KAAK,QACL,IAAI,EAAC,OAAO,YAEX,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CACzB,6BACc,MAAM,EAClB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,YAEnB,eAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAE,SAAS,GAAI,GACtC,CACP,CAAC,CAAC,CAAC,CACF,SAAS,CACV,GACM,IACL,CACP,CAAA;AACH,CAAC"}

package/dist/components/Drawer/DrawerHeader.svelte

@@ -0,0 +1,47 @@
+<script lang="ts">
+  import { untrack } from "svelte"
+  import Button from "../Button/Button.svelte"
+  import { getDrawerContext } from "./context.svelte.js"
+  import { warnMissingTarget } from "../dev.js"
+  import { closePath } from "./icons.js"
+  import type { DrawerHeaderProps as Props } from "./types.svelte.js"
+
+  let {
+    class: className,
+    closeLabel = "Close",
+    commandfor,
+
+    // Snippets
+    children,
+    closeIcon,
+    ...rest
+  }: Props = $props()
+
+  const drawer = getDrawerContext()
+  const target = $derived(commandfor ?? drawer?.id)
+  untrack(() => warnMissingTarget("DrawerHeader", target, "Drawer"))
+</script>
+
+<div class={["ui-header", className]} {...rest}>
+  {@render children?.()}<Button
+    aria-label={closeLabel}
+    command="close"
+    commandfor={target}
+    round
+    size="small"
+  >
+    {#if closeIcon}
+      {@render closeIcon()}
+    {:else}
+      <svg
+        aria-hidden="true"
+        xmlns="http://www.w3.org/2000/svg"
+        width="32"
+        height="32"
+        viewBox="0 0 32 32"
+      >
+        <path fill="currentColor" d={closePath} />
+      </svg>
+    {/if}
+  </Button>
+</div>

package/dist/components/Drawer/DrawerHeader.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { DrawerHeaderProps as Props } from "./types.svelte.js";
+declare const DrawerHeader: import("svelte").Component<Props, {}, "">;
+type DrawerHeader = ReturnType<typeof DrawerHeader>;
+export default DrawerHeader;
+//# sourceMappingURL=DrawerHeader.svelte.d.ts.map

package/dist/components/Drawer/DrawerHeader.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.svelte.d.ts","sourceRoot":"","sources":["../../../components/Drawer/DrawerHeader.svelte"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAwCjE,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/Drawer/DrawerHeader.vue.d.ts

@@ -0,0 +1,12 @@
+import type { DrawerHeaderProps as Props, DrawerHeaderSlots } from "./types.vue-props.js";
+type __VLS_Slots = DrawerHeaderSlots;
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=DrawerHeader.vue.d.ts.map

package/dist/components/Drawer/DrawerHeader.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.vue.d.ts","sourceRoot":"","sources":["../../../components/Drawer/DrawerHeader.vue"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EACV,iBAAiB,IAAI,KAAK,EAC1B,iBAAiB,EAClB,MAAM,mBAAmB,CAAA;AAO1B,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAiFrC,QAAA,MAAM,UAAU,sRAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Drawer/DrawerHeader.vue.js

@@ -0,0 +1,59 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createVNode as _createVNode, renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+    key: 1,
+    "aria-hidden": "true",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32"
+};
+const _hoisted_2 = ["d"];
+import { computed, inject } from "vue";
+import { TrimmedSlot } from "../whitespace.vue.js";
+import Button from "../Button/Button.vue.js";
+import { DrawerKey } from "./context.vue.js";
+import { warnMissingTarget } from "../dev.js";
+import { closePath } from "./icons.js";
+export default /*@__PURE__*/ _defineComponent({
+    __name: 'DrawerHeader',
+    props: {
+        closeLabel: { default: "Close" },
+        commandfor: {},
+        class: { type: [Boolean, null, String, Object, Array] }
+    },
+    setup(__props) {
+        const drawer = inject(DrawerKey, undefined);
+        const target = computed(() => __props.commandfor ?? drawer?.id);
+        warnMissingTarget("DrawerHeader", target.value, "Drawer");
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass(['ui-header', _ctx.$props.class])
+            }, [
+                _createVNode(_unref(TrimmedSlot), {
+                    nodes: _ctx.$slots.default?.()
+                }, null, 8 /* PROPS */, ["nodes"]),
+                _createVNode(Button, {
+                    "aria-label": __props.closeLabel,
+                    command: "close",
+                    commandfor: target.value,
+                    round: "",
+                    size: "small"
+                }, {
+                    default: _withCtx(() => [
+                        (_ctx.$slots['close-icon'])
+                            ? _renderSlot(_ctx.$slots, "close-icon", {}, undefined, undefined, 0)
+                            : (_openBlock(), _createElementBlock("svg", _hoisted_1, [
+                                _createElementVNode("path", {
+                                    fill: "currentColor",
+                                    d: _unref(closePath)
+                                }, null, 8 /* PROPS */, _hoisted_2)
+                            ]))
+                    ]),
+                    _: 3 /* FORWARDED */
+                }, 8 /* PROPS */, ["aria-label", "commandfor"])
+            ], 2 /* CLASS */));
+        };
+    }
+});
+//# sourceMappingURL=DrawerHeader.vue.js.map

package/dist/components/Drawer/DrawerHeader.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.vue.js","mappings":";;;;;;;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,KAAI;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAkB;AAC9C,OAAO,MAAM,MAAM,sBAAqB;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAc;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAO;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAQ;;;;;;;;;QASlC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,SAAS;QAE1C,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,kBAAU,IAAI,MAAM,EAAE,EAAE;QAEtD,iBAAiB,CAAC,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ;;kCAItD,oBAoBM;gBApBA,KAAK,gCAAgBA,WAAM,CAAC,KAAK;;gBACrC,aAA2C;oBAA7B,KAAK,EAAEC,WAAM,CAAC,OAAO;;gBAAQ,aAkBlC;oBAjBN,YAAU,EAAE,kBAAU;oBACvB,OAAO,EAAC,OAAO;oBACd,UAAU,EAAE,YAAM;oBACnB,KAAK,EAAL,EAAK;oBACL,IAAI,EAAC,OAAO;;sCAEZ,GAA2D;yBAA/CA,WAAM;8BAAlB,YAA2D;6CAC3D,oBASM,OATN,UASM;gCADJ,oBAA2C;oCAArC,IAAI,EAAC,cAAc;oCAAE,CAAC,EAAE,iBAAS","names":["$props","$slots"],"ignoreList":[],"sources":["../../../components/Drawer/DrawerHeader.vue"]}

package/dist/components/Drawer/DrawerTitle.react.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerTitleProps as Props } from "./types.react.js";
+export default function DrawerTitle({ className, id, children, ...rest }: Props): import("react").JSX.Element;
+//# sourceMappingURL=DrawerTitle.react.d.ts.map

package/dist/components/Drawer/DrawerTitle.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTitle.react.d.ts","sourceRoot":"","sources":["../../../components/Drawer/DrawerTitle.react.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAE9D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAS,EACT,EAAE,EACF,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,KAAK,+BASP"}

package/dist/components/Drawer/DrawerTitle.react.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from "../cx.js";
+import { useDrawerContext } from "./context.react.js";
+import { warnReplacedId } from "../dev.js";
+export default function DrawerTitle({ className, id, children, ...rest }) {
+    const drawer = useDrawerContext();
+    warnReplacedId("DrawerTitle", "Drawer", id, drawer?.titleId);
+    return (_jsx("h2", { className: cx([className]), id: drawer?.titleId ?? id, ...rest, children: children }));
+}
+//# sourceMappingURL=DrawerTitle.react.js.map

package/dist/components/Drawer/DrawerTitle.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTitle.react.js","sourceRoot":"","sources":["../../../components/Drawer/DrawerTitle.react.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAGvC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAS,EACT,EAAE,EACF,QAAQ,EACR,GAAG,IAAI,EACD;IACN,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAA;IACjC,cAAc,CAAC,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IAE5D,OAAO,CACL,aAAI,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,IAAI,EAAE,KAAM,IAAI,YAChE,QAAQ,GACN,CACN,CAAA;AACH,CAAC"}