opui-css 5.4.3 → 6.0.0-rc.2

package/dist/components/Tabs/TabsLabel.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["for"];
+import { inject } from "vue";
+import { TabsKey } from "./context.vue.js";
+export default /*@__PURE__*/ _defineComponent({
+    __name: 'TabsLabel',
+    props: {
+        class: { type: [Boolean, null, String, Object, Array] },
+        for: {}
+    },
+    setup(__props) {
+        const tabs = inject(TabsKey, undefined);
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("label", {
+                for: __props.for || _unref(tabs)?.tabId,
+                class: _normalizeClass(['ui-label', _ctx.$props.class])
+            }, [
+                _renderSlot(_ctx.$slots, "default")
+            ], 10 /* CLASS, PROPS */, _hoisted_1));
+        };
+    }
+});
+//# sourceMappingURL=TabsLabel.vue.js.map

package/dist/components/Tabs/TabsLabel.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsLabel.vue.js","mappings":";;;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,KAAI;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAc;;;;;;;;QAMtC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,EAAE,SAAS;;kCAIpC,oBAEQ;gBAFA,GAAG,EAAE,WAAO,IAAI,YAAI,EAAE,KAAK;gBAAG,KAAK,+BAAeA,WAAM,CAAC,KAAK;;gBACpE,YAAa","names":["$props"],"ignoreList":[],"sources":["../../../components/Tabs/TabsLabel.vue"]}

package/dist/components/Tabs/TabsPanel.react.d.ts

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

package/dist/components/Tabs/TabsPanel.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.react.d.ts","sourceRoot":"","sources":["../../../components/Tabs/TabsPanel.react.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAE5D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,+BAMxE"}

package/dist/components/Tabs/TabsPanel.react.js

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

package/dist/components/Tabs/TabsPanel.react.js.map

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

package/dist/components/Tabs/TabsPanel.svelte

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

package/dist/components/Tabs/TabsPanel.svelte.d.ts

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

package/dist/components/Tabs/TabsPanel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.svelte.d.ts","sourceRoot":"","sources":["../../../components/Tabs/TabsPanel.svelte"],"names":[],"mappings":"AAuBA,QAAA,MAAM,SAAS,8FAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/Tabs/TabsPanel.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=TabsPanel.vue.d.ts.map

package/dist/components/Tabs/TabsPanel.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.vue.d.ts","sourceRoot":"","sources":["../../../components/Tabs/TabsPanel.vue"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAA2B,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAMvE,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/Tabs/TabsPanel.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: 'TabsPanel',
+    props: {
+        class: { type: [Boolean, null, String, Object, Array] }
+    },
+    setup(__props) {
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass(['ui-panel', _ctx.$props.class])
+            }, [
+                _renderSlot(_ctx.$slots, "default")
+            ], 2 /* CLASS */));
+        };
+    }
+});
+//# sourceMappingURL=TabsPanel.vue.js.map

package/dist/components/Tabs/TabsPanel.vue.js.map

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

package/dist/components/Tabs/context.react.d.ts

@@ -0,0 +1,4 @@
+import type { Context } from "./types.js";
+export declare const TabsContext: import("react").Context<Context | undefined>;
+export declare const useTabsContext: () => Context | undefined;
+//# sourceMappingURL=context.react.d.ts.map

package/dist/components/Tabs/context.react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.react.d.ts","sourceRoot":"","sources":["../../../components/Tabs/context.react.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEtC,eAAO,MAAM,WAAW,8CAAgD,CAAA;AAExE,eAAO,MAAM,cAAc,2BAAgC,CAAA"}

package/dist/components/Tabs/context.react.js

@@ -0,0 +1,5 @@
+"use client";
+import { createContext, useContext } from "react";
+export const TabsContext = createContext(undefined);
+export const useTabsContext = () => useContext(TabsContext);
+//# sourceMappingURL=context.react.js.map

package/dist/components/Tabs/context.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.react.js","sourceRoot":"","sources":["../../../components/Tabs/context.react.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGjD,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAsB,SAAS,CAAC,CAAA;AAExE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA"}

package/dist/components/Tabs/context.svelte.d.ts

@@ -0,0 +1,6 @@
+/** @type {() => Context | undefined} */
+export const getTabsContext: () => Context | undefined;
+/** @type {(context: Context) => Context} */
+export const setTabsContext: (context: Context) => Context;
+import type { Context } from "./types.js";
+//# sourceMappingURL=context.svelte.d.ts.map

package/dist/components/Tabs/context.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.svelte.d.ts","sourceRoot":"","sources":["../../../components/Tabs/context.svelte.js"],"names":[],"mappings":"AAKA,wCAAwC;AACxC,6BADW,MAAM,OAAO,GAAG,SAAS,CACe;AACnD,4CAA4C;AAC5C,6BADW,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAC2B;6BARtC,SAAS"}

package/dist/components/Tabs/context.svelte.js

@@ -0,0 +1,8 @@
+/** @import { Context } from "./types.js" */
+import { getContext, setContext } from "svelte";
+const key = Symbol();
+/** @type {() => Context | undefined} */
+export const getTabsContext = () => getContext(key);
+/** @type {(context: Context) => Context} */
+export const setTabsContext = (context) => setContext(key, context);
+//# sourceMappingURL=context.svelte.js.map

package/dist/components/Tabs/context.svelte.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.svelte.js","sourceRoot":"","sources":["../../../components/Tabs/context.svelte.js"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAE/C,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;AAEpB,wCAAwC;AACxC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;AACnD,4CAA4C;AAC5C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA"}

package/dist/components/Tabs/context.vue.d.ts

@@ -0,0 +1,4 @@
+import type { InjectionKey } from "vue";
+import type { Context } from "./types.js";
+export declare const TabsKey: InjectionKey<Context>;
+//# sourceMappingURL=context.vue.d.ts.map

package/dist/components/Tabs/context.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.vue.d.ts","sourceRoot":"","sources":["../../../components/Tabs/context.vue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAe,YAAY,CAAC,OAAO,CAAC,CAAA"}

package/dist/components/Tabs/context.vue.js

@@ -0,0 +1,2 @@
+export const TabsKey = Symbol();
+//# sourceMappingURL=context.vue.js.map

package/dist/components/Tabs/context.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.vue.js","sourceRoot":"","sources":["../../../components/Tabs/context.vue.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,EAA2B,CAAA"}

package/dist/components/Tabs/types.d.ts

@@ -0,0 +1,19 @@
+export type Props = {
+    name?: string;
+    orientation?: "horizontal" | "vertical";
+    overflow?: "scroll" | "wrap";
+    variant?: "filled" | "line" | "outlined" | "tonal";
+};
+export type TabsItemProps = {
+    checked?: boolean;
+    name?: string;
+};
+export type TabsPanelProps = {};
+export type TabsLabelProps = {};
+export type Context = {
+    change?: (input: HTMLInputElement) => void;
+    groupName?: string;
+    tabId?: string;
+    value?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Tabs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/Tabs/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAA;CACnD,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,EAAE,CAAA;AAE/B,MAAM,MAAM,cAAc,GAAG,EAAE,CAAA;AAE/B,MAAM,MAAM,OAAO,GAAG;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/components/Tabs/types.js

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

package/dist/components/Tabs/types.js.map

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

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

@@ -0,0 +1,11 @@
+import type * as Base from "./types.js";
+import type { ComponentProps } from "react";
+export type Props = Base.Props & {
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    value?: string;
+} & Omit<ComponentProps<"div">, "defaultValue">;
+export type TabsItemProps = Base.TabsItemProps & Omit<ComponentProps<"input">, "type">;
+export type TabsPanelProps = Base.TabsPanelProps & ComponentProps<"div">;
+export type TabsLabelProps = Base.TabsLabelProps & ComponentProps<"label">;
+//# sourceMappingURL=types.react.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.react.d.ts","sourceRoot":"","sources":["../../../components/Tabs/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;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,CAAA;AAE/C,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,GAC5C,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAA;AAEvC,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;AAExE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA"}

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

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

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

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

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

@@ -0,0 +1,9 @@
+import type * as Base from "./types.js";
+import type { SvelteHTMLElements } from "svelte/elements";
+export type Props = Base.Props & {
+    value?: string;
+} & SvelteHTMLElements["div"];
+export type TabsItemProps = Base.TabsItemProps & Omit<SvelteHTMLElements["input"], "type">;
+export type TabsPanelProps = Base.TabsPanelProps & SvelteHTMLElements["div"];
+export type TabsLabelProps = Base.TabsLabelProps & SvelteHTMLElements["label"];
+//# sourceMappingURL=types.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.svelte.d.ts","sourceRoot":"","sources":["../../../components/Tabs/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;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAA;AAE7B,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,GAC5C,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAA;AAE5E,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAA"}

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

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

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

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

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

@@ -0,0 +1,14 @@
+import type { IntrinsicElementAttributes } from "vue";
+import type { Class, DefaultSlots } from "../vue.js";
+import type { Props as BaseProps, TabsItemProps as BaseTabsItemProps, TabsLabelProps as BaseTabsLabelProps, TabsPanelProps as BaseTabsPanelProps } from "./types.js";
+export type Props = BaseProps & Class;
+export type TabsItemProps = BaseTabsItemProps & Class & {
+    id?: IntrinsicElementAttributes["input"]["id"];
+    value?: IntrinsicElementAttributes["input"]["value"];
+};
+export type TabsLabelProps = BaseTabsLabelProps & Class & {
+    for?: IntrinsicElementAttributes["label"]["for"];
+};
+export type TabsPanelProps = BaseTabsPanelProps & Class;
+export type Slots = DefaultSlots;
+//# sourceMappingURL=types.vue-props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.vue-props.d.ts","sourceRoot":"","sources":["../../../components/Tabs/types.vue-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,KAAK,CAAA;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACjD,OAAO,KAAK,EACV,KAAK,IAAI,SAAS,EAClB,aAAa,IAAI,iBAAiB,EAClC,cAAc,IAAI,kBAAkB,EACpC,cAAc,IAAI,kBAAkB,EACrC,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,KAAK,CAAA;AAErC,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,KAAK,GAAG;IACN,EAAE,CAAC,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;IAC9C,KAAK,CAAC,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA;CACrD,CAAA;AAEH,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,KAAK,GAAG;IAAE,GAAG,CAAC,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAA;CAAE,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,KAAK,CAAA;AAEvD,MAAM,MAAM,KAAK,GAAG,YAAY,CAAA"}

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

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

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

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

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

@@ -0,0 +1,3 @@
+import type { Props } from "./types.react.js";
+export default function TextField({ "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, autoFit, characterCount, characterCountLabel, className, dropZone, error, hideLabel, id, inputMode, name, passwordToggle, passwordToggleLabel, pattern, size, spread, style, type, variant, children, bottom, end, endText, iconChecked, iconUnchecked, label, start, startText, top, ...rest }: Props): import("react").JSX.Element;
+//# sourceMappingURL=TextField.react.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.react.d.ts","sourceRoot":"","sources":["../../../components/TextField/TextField.react.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,kBAAkB,EAAE,eAAe,EACnC,cAAc,EAAE,WAAW,EAC3B,OAAO,EACP,cAAc,EACd,mBAAmB,EACnB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,SAAS,EACT,EAAE,EACF,SAAS,EACT,IAAI,EACJ,cAAc,EACd,mBAAqC,EACrC,OAAO,EACP,IAAI,EACJ,MAAM,EACN,KAAK,EACL,IAAa,EACb,OAAO,EACP,QAAQ,EACR,MAAM,EACN,GAAG,EACH,OAAO,EACP,WAAW,EACX,aAAa,EACb,KAAK,EACL,KAAK,EACL,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,KAAK,+BA6HP"}

package/dist/components/TextField/TextField.react.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId } from "react";
+import { cx } from "../cx.js";
+import Button from "../Button/Button.react.js";
+import { useFieldGroupContext } from "../FieldGroup/context.react.js";
+import { idRefs } from "../id.js";
+import { hidePath, showPath } from "./icons.js";
+export default function TextField({ "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, autoFit, characterCount, characterCountLabel, className, dropZone, error, hideLabel, id, inputMode, name, passwordToggle, passwordToggleLabel = "Show password", pattern, size, spread, style, type = "text", variant, children, bottom, end, endText, iconChecked, iconUnchecked, label, start, startText, top, ...rest }) {
+    const field = useFieldGroupContext();
+    const uid = useId();
+    const base = id || `text-field-${uid}`;
+    const Root = passwordToggle ? "opui-text-field" : label ? "label" : "div";
+    const Label = passwordToggle ? "label" : "span";
+    const hasStartText = Boolean(startText);
+    const hasEndText = Boolean(endText || characterCount);
+    const inputId = passwordToggle ? base : id;
+    const startTextId = passwordToggle && hasStartText ? `${base}-start-text` : undefined;
+    const endTextId = passwordToggle && hasEndText ? `${base}-end-text` : undefined;
+    useEffect(() => {
+        void import("../../../elements/character-count.js");
+        void import("../../../elements/text-field.js");
+    }, []);
+    return (_jsxs(Root, { className: cx([
+            "ui-text-field",
+            {
+                "ui-auto-fit": autoFit,
+                "ui-drop-zone": dropZone,
+                "ui-filled": variant === "filled",
+                "ui-spread": spread,
+            },
+            size && size !== "medium" && `ui-${size}`,
+            className,
+        ]), style: style, children: [label && (_jsx(Label, { className: hideLabel ? "ui-sr-only" : "ui-label", htmlFor: passwordToggle ? inputId : undefined, children: label })), hasStartText && (_jsx("span", { className: "ui-start-text", id: startTextId, children: startText })), _jsxs("span", { className: "ui-field", children: [_jsx("input", { ...rest, "aria-describedby": idRefs(startTextId, endTextId, ariaDescribedBy), "aria-invalid": error ? "true" : ariaInvalid, id: inputId, inputMode: inputMode ?? (type === "numeric" ? "numeric" : undefined), name: name ?? field?.name, pattern: pattern ?? (type === "numeric" ? "[0-9]*" : undefined), type: type === "numeric" ? "text" : type }), start && _jsx("span", { className: "ui-start", children: start }), (end || passwordToggle) && (_jsxs("span", { className: "ui-end", children: [end, passwordToggle && (_jsxs(Button, { "aria-label": passwordToggleLabel, "aria-pressed": "false", command: "--toggle-password", commandfor: inputId, round: true, children: [iconUnchecked ? (_jsx("span", { "aria-hidden": "true", className: "ui-icon-unchecked", children: iconUnchecked })) : (_jsx("svg", { "aria-hidden": "true", className: "ui-icon-unchecked", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", children: _jsx("path", { fill: "currentColor", d: showPath }) })), iconChecked ? (_jsx("span", { "aria-hidden": "true", className: "ui-icon-checked", children: iconChecked })) : (_jsx("svg", { "aria-hidden": "true", className: "ui-icon-checked", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", children: _jsx("path", { fill: "currentColor", d: hidePath }) }))] }))] })), top && _jsx("span", { className: "ui-top", children: top }), bottom && _jsx("span", { className: "ui-bottom", children: bottom })] }), hasEndText && (_jsxs("span", { className: "ui-end-text", id: endTextId, children: [endText, characterCount && (_jsx("opui-character-count", { "aria-hidden": "true", className: "ui-value", label: characterCountLabel, dangerouslySetInnerHTML: { __html: "" }, suppressHydrationWarning: true }))] })), children] }));
+}
+//# sourceMappingURL=TextField.react.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.react.js","sourceRoot":"","sources":["../../../components/TextField/TextField.react.tsx"],"names":[],"mappings":"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"}

package/dist/components/TextField/TextField.svelte

@@ -0,0 +1,188 @@
+<script lang="ts">
+  import "../../../elements/character-count.js"
+  import "../../../elements/text-field.js"
+  import { untrack } from "svelte"
+  import { content } from "../content.svelte"
+  import Button from "../Button/Button.svelte"
+  import { getFieldGroupContext } from "../FieldGroup/context.svelte.js"
+  import { idRefs } from "../id.js"
+  import { hidePath, showPath } from "./icons.js"
+  import type { Props } from "./types.svelte.js"
+
+  let {
+    "aria-describedby": ariaDescribedBy,
+    "aria-invalid": ariaInvalid,
+    autoFit,
+    characterCount,
+    characterCountLabel,
+    class: className,
+    defaultValue,
+    dropZone,
+    error,
+    hideLabel,
+    id,
+    inputmode,
+    name,
+    passwordToggle,
+    passwordToggleLabel = "Show password",
+    pattern,
+    size,
+    spread,
+    style,
+    type = "text",
+    value = $bindable(),
+    variant,
+
+    // Snippets
+    children,
+    bottom,
+    end,
+    endText,
+    iconChecked,
+    iconUnchecked,
+    label,
+    start,
+    startText,
+    top,
+    ...rest
+  }: Props = $props()
+
+  const field = getFieldGroupContext()
+  const uid = $props.id()
+  const getValue = () => value ?? defaultValue
+  const setValue = (next: typeof value) => {
+    value = next
+  }
+  const initialValue = untrack(getValue)
+  const base = $derived(id || `text-field-${uid}`)
+  const Root = $derived(
+    passwordToggle ? "opui-text-field" : label ? "label" : "div",
+  )
+  const Label = $derived(passwordToggle ? "label" : "span")
+  const hasStartText = $derived(Boolean(startText))
+  const hasEndText = $derived(Boolean(endText || characterCount))
+  const inputId = $derived(passwordToggle ? base : id)
+  const startTextId = $derived(
+    passwordToggle && hasStartText ? `${base}-start-text` : undefined,
+  )
+  const endTextId = $derived(
+    passwordToggle && hasEndText ? `${base}-end-text` : undefined,
+  )
+</script>
+
+<svelte:element
+  this={Root}
+  class={[
+    "ui-text-field",
+    {
+      "ui-auto-fit": autoFit,
+      "ui-drop-zone": dropZone,
+      "ui-filled": variant === "filled",
+      "ui-spread": spread,
+    },
+    size && size !== "medium" && `ui-${size}`,
+    className,
+  ]}
+  {style}
+>
+  {#if label}
+    <svelte:element
+      this={Label}
+      class={[hideLabel ? "ui-sr-only" : "ui-label"]}
+      for={passwordToggle ? inputId : undefined}
+    >
+      {@render content(label)}
+    </svelte:element>
+  {/if}
+  {#if hasStartText}
+    <span class="ui-start-text" id={startTextId}>
+      {@render content(startText)}
+    </span>
+  {/if}
+  <span class="ui-field">
+    <input
+      {...rest}
+      aria-describedby={idRefs(startTextId, endTextId, ariaDescribedBy)}
+      aria-invalid={error ? "true" : ariaInvalid}
+      id={inputId}
+      inputmode={inputmode ?? (type === "numeric" ? "numeric" : undefined)}
+      name={name ?? field?.name}
+      pattern={pattern ?? (type === "numeric" ? "[0-9]*" : undefined)}
+      type={type === "numeric" ? "text" : type}
+      bind:value={getValue, setValue}
+      defaultValue={defaultValue ?? initialValue}
+    />
+    {#if start}
+      <span class="ui-start">
+        {@render content(start)}
+      </span>
+    {/if}
+    {#if end || passwordToggle}
+      <span class="ui-end">
+        {@render content(end)}{#if passwordToggle}
+          <Button
+            aria-label={passwordToggleLabel}
+            aria-pressed="false"
+            command="--toggle-password"
+            commandfor={inputId}
+            round
+          >
+            {#if iconUnchecked}
+              <span aria-hidden="true" class="ui-icon-unchecked">
+                {@render iconUnchecked()}
+              </span>
+            {:else}
+              <svg
+                aria-hidden="true"
+                class="ui-icon-unchecked"
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+              >
+                <path fill="currentColor" d={showPath} />
+              </svg>
+            {/if}{#if iconChecked}
+              <span aria-hidden="true" class="ui-icon-checked">
+                {@render iconChecked()}
+              </span>
+            {:else}
+              <svg
+                aria-hidden="true"
+                class="ui-icon-checked"
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+              >
+                <path fill="currentColor" d={hidePath} />
+              </svg>
+            {/if}
+          </Button>
+        {/if}
+      </span>
+    {/if}
+    {#if top}
+      <span class="ui-top">
+        {@render content(top)}
+      </span>
+    {/if}
+    {#if bottom}
+      <span class="ui-bottom">
+        {@render content(bottom)}
+      </span>
+    {/if}
+  </span>
+  {#if hasEndText}
+    <span class="ui-end-text" id={endTextId}>
+      {@render content(endText)}{#if characterCount}
+        <opui-character-count
+          aria-hidden="true"
+          class="ui-value"
+          label={characterCountLabel}
+        ></opui-character-count>
+      {/if}
+    </span>
+  {/if}
+  {@render children?.()}
+</svelte:element>

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

@@ -0,0 +1,7 @@
+import "../../../elements/character-count.js";
+import "../../../elements/text-field.js";
+import type { Props } from "./types.svelte.js";
+declare const TextField: import("svelte").Component<Props, {}, "value">;
+type TextField = ReturnType<typeof TextField>;
+export default TextField;
+//# sourceMappingURL=TextField.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.svelte.d.ts","sourceRoot":"","sources":["../../../components/TextField/TextField.svelte"],"names":[],"mappings":"AAGA,OAAO,mCAAmC,CAAA;AAC1C,OAAO,8BAA8B,CAAA;AAOrC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAsJ5C,QAAA,MAAM,SAAS,gDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,23 @@
+import "../../../elements/character-count.js";
+import "../../../elements/text-field.js";
+import type { Props, Slots } from "./types.vue-props.js";
+type __VLS_Props = Props;
+type __VLS_Slots = Slots;
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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=TextField.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.vue.d.ts","sourceRoot":"","sources":["../../../components/TextField/TextField.vue"],"names":[],"mappings":"AAyLA,OAAO,mCAAmC,CAAA;AAC1C,OAAO,8BAA8B,CAAA;AAQrC,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAIrD,KAAK,WAAW,GAAG,KAAK,CAAC;AAwBzB,KAAK,WAAW,GAAG,KAAK,CAAC;AAwCzB,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAwPxD,QAAA,MAAM,UAAU;;;;kFAGd,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"}