ixia-ui-react 1.8.0 → 2.0.0

package/dist/form-BxMg796f.js

@@ -0,0 +1,192 @@
+import { t as cn } from "./cn-BDi0DfT5.js";
+import { n as Icon } from "./icon-D3JWfCa2.js";
+import { i as AlertDescription, n as AlertTitle, r as AlertIcon, t as Alert } from "./alert-Dcu9R8CY.js";
+import { t as Button } from "./button-BpUC-R1J.js";
+import { _ as FieldCheckbox, a as FieldSlider, c as FieldRow, d as FieldLabel, f as FieldInputGroupInput, g as FieldDescription, h as FieldErrors, i as FieldSwitch, l as FieldRadioGroup, m as FieldInput, n as FieldToggle, o as FieldSet, p as FieldInputGroup, r as FieldTextArea, s as FieldSelect, u as FieldRadio, v as fieldContext, x as useFormContext, y as formContext } from "./field-DTL7eA5y.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createFormHook } from "@tanstack/react-form";
+// src/components/form/form.tsx
+function Form$1({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("form", {
+		className: cn("flex flex-col gap-sm", className),
+		ref,
+		...props
+	});
+}
+// src/components/form/form-errors.tsx
+const collectObjectMessages = (value, acc) => {
+	const { message } = value;
+	if (typeof message === "string") {
+		acc.add(message);
+		return;
+	}
+	Object.values(value).forEach((nestedValue) => collectMessages(nestedValue, acc));
+};
+const collectStringMessage = (value, acc) => {
+	if (value.trim()) acc.add(value);
+};
+const collectMessages = (value, acc) => {
+	if (value == void 0) return;
+	if (typeof value === "string") {
+		collectStringMessage(value, acc);
+		return;
+	}
+	if (Array.isArray(value)) {
+		value.forEach((inputValue) => collectMessages(inputValue, acc));
+		return;
+	}
+	if (typeof value === "object") collectObjectMessages(value, acc);
+};
+function FormErrors({ className, children, ref, ...props }) {
+	const form = useFormContext();
+	return /* @__PURE__ */ jsx(form.Subscribe, {
+		selector: (state) => [state.errors, state.fieldMeta],
+		children: ([errors, fieldMeta]) => {
+			const messages = /* @__PURE__ */ new Set();
+			collectMessages(errors, messages);
+			Object.values(fieldMeta).forEach((meta) => collectMessages(meta.errors, messages));
+			if (!messages.size) return;
+			return /* @__PURE__ */ jsxs(Alert, {
+				className: cn("", className),
+				ref,
+				tone: "error",
+				...props,
+				children: [
+					/* @__PURE__ */ jsx(AlertIcon, { children: /* @__PURE__ */ jsx(Icon, { name: "fieldError" }) }),
+					/* @__PURE__ */ jsx(AlertTitle, { children }),
+					/* @__PURE__ */ jsx(AlertDescription, { children: /* @__PURE__ */ jsx("ul", {
+						className: "list-inside list-disc has-[>:only-child]:list-none",
+						children: [...messages].map((message) => /* @__PURE__ */ jsx("li", { children: message }, message))
+					}) })
+				]
+			});
+		}
+	});
+}
+// src/components/form/form-footer.tsx
+function FormFooter({ orientation = "horizontal", className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex gap-2xs", className, orientation === "horizontal" && "flex-row", orientation === "vertical" && "flex-col"),
+		ref,
+		...props
+	});
+}
+// src/components/form/form-reset.tsx
+function FormReset({ className, ref, ...props }) {
+	const form = useFormContext(), handleClick = () => {
+		form.reset();
+	};
+	return /* @__PURE__ */ jsx(form.Subscribe, {
+		selector: (state) => state,
+		children: (state) => /* @__PURE__ */ jsx(Button, {
+			className: cn("w-full", className),
+			disabled: !state.values,
+			onClick: handleClick,
+			ref,
+			variant: "outline",
+			tone: "neutral",
+			type: "reset",
+			...props
+		})
+	});
+}
+// src/components/form/form-set.tsx
+function FormSet({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-xs", className),
+		ref,
+		...props
+	});
+}
+// src/components/form/form-set-content.tsx
+function FormSetContent({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-md", className),
+		ref,
+		...props
+	});
+}
+// src/components/form/form.types.ts
+const formSetHeadingVariants = cva("", {
+	defaultVariants: { size: "medium" },
+	variants: { size: {
+		large: "style-text-strong-2",
+		medium: "style-text-strong-1",
+		small: "style-text-strong-0"
+	} }
+});
+// src/components/form/form-set-heading.tsx
+function FormSetHeading({ size, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(formSetHeadingVariants({
+			className,
+			size
+		})),
+		ref,
+		...props
+	});
+}
+// src/components/form/form-submit.tsx
+function FormSubmit({ className, children, ref, ...props }) {
+	const form = useFormContext();
+	return /* @__PURE__ */ jsx(form.Subscribe, {
+		selector: (state) => state,
+		children: (state) => /* @__PURE__ */ jsxs(Button, {
+			className: cn("w-full", className),
+			disabled: state.isSubmitting || !state.canSubmit,
+			ref,
+			type: "submit",
+			...props,
+			children: [state.isSubmitting && /* @__PURE__ */ jsx(Icon, {
+				name: "spinner",
+				className: "animate-spin"
+			}), !state.isSubmitting && children]
+		})
+	});
+}
+// src/components/form/form-context.tsx
+const { useAppForm, withFieldGroup, withForm, useTypedAppFormContext } = createFormHook({
+	fieldComponents: {
+		Checkbox: FieldCheckbox,
+		Description: FieldDescription,
+		Errors: FieldErrors,
+		Input: FieldInput,
+		InputGroup: FieldInputGroup,
+		InputGroupInput: FieldInputGroupInput,
+		Label: FieldLabel,
+		Radio: FieldRadio,
+		RadioGroup: FieldRadioGroup,
+		Row: FieldRow,
+		Select: FieldSelect,
+		Set: FieldSet,
+		Slider: FieldSlider,
+		Switch: FieldSwitch,
+		TextArea: FieldTextArea,
+		Toggle: FieldToggle
+	},
+	fieldContext,
+	formComponents: {
+		Errors: FormErrors,
+		Footer: FormFooter,
+		Reset: FormReset,
+		Set: FormSet,
+		SetContent: FormSetContent,
+		SetHeading: FormSetHeading,
+		Submit: FormSubmit
+	},
+	formContext
+});
+// src/components/form/index.ts
+const Form = Object.assign(Form$1, {
+	Errors: FormErrors,
+	Footer: FormFooter,
+	Reset: FormReset,
+	Set: FormSet,
+	SetContent: FormSetContent,
+	SetHeading: FormSetHeading,
+	Submit: FormSubmit
+});
+export { withForm as a, FormSetContent as c, FormFooter as d, FormErrors as f, withFieldGroup as i, FormSet as l, useAppForm as n, FormSubmit as o, useTypedAppFormContext as r, FormSetHeading as s, Form as t, FormReset as u };
+
+//# sourceMappingURL=form-BxMg796f.js.map

package/dist/form-BxMg796f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-BxMg796f.js","names":["Form","FormRoot"],"sources":["../src/components/form/form.tsx","../src/components/form/form-errors.tsx","../src/components/form/form-footer.tsx","../src/components/form/form-reset.tsx","../src/components/form/form-set.tsx","../src/components/form/form-set-content.tsx","../src/components/form/form.types.ts","../src/components/form/form-set-heading.tsx","../src/components/form/form-submit.tsx","../src/components/form/form-context.tsx","../src/components/form/index.ts"],"sourcesContent":["import { cn } from '@/utils/cn'\n\ntype FormProps = React.ComponentProps<'form'>\n\nexport function Form({ className, ref, ...props }: FormProps) {\n  return <form className={cn('flex flex-col gap-sm', className)} ref={ref} {...props} />\n}\n","import { cn } from '@/utils/cn'\n\nimport { Alert, AlertDescription, AlertIcon, AlertTitle } from '../alert'\nimport { Icon } from '../icon'\nimport { useFormContext } from './form-contexts'\nimport type { FormErrorsProps } from './form.types'\n\nconst collectObjectMessages = (value: object, acc: Set<string>) => {\n    const { message } = value as { message?: unknown }\n    if (typeof message === 'string') {\n      acc.add(message)\n      return\n    }\n    Object.values(value).forEach((nestedValue) => collectMessages(nestedValue, acc))\n  },\n  collectStringMessage = (value: string, acc: Set<string>) => {\n    if (value.trim()) {\n      acc.add(value)\n    }\n  },\n  collectMessages = (value: unknown, acc: Set<string>) => {\n    if (value == undefined) {\n      return\n    }\n    if (typeof value === 'string') {\n      collectStringMessage(value, acc)\n      return\n    }\n    if (Array.isArray(value)) {\n      value.forEach((inputValue) => collectMessages(inputValue, acc))\n      return\n    }\n    if (typeof value === 'object') {\n      collectObjectMessages(value, acc)\n    }\n  }\n\nexport function FormErrors({ className, children, ref, ...props }: FormErrorsProps) {\n  const form = useFormContext()\n\n  return (\n    <form.Subscribe selector={(state) => [state.errors, state.fieldMeta]}>\n      {([errors, fieldMeta]) => {\n        const messages = new Set<string>()\n        collectMessages(errors, messages)\n        Object.values(fieldMeta as Record<string, { errors?: unknown }>).forEach((meta) =>\n          collectMessages(meta.errors, messages),\n        )\n\n        if (!messages.size) {\n          return undefined\n        }\n\n        return (\n          <Alert className={cn('', className)} ref={ref} tone=\"error\" {...props}>\n            <AlertIcon>\n              <Icon name=\"fieldError\" />\n            </AlertIcon>\n            <AlertTitle>{children}</AlertTitle>\n            <AlertDescription>\n              <ul className=\"list-inside list-disc has-[>:only-child]:list-none\">\n                {[...messages].map((message) => (\n                  <li key={message}>{message}</li>\n                ))}\n              </ul>\n            </AlertDescription>\n          </Alert>\n        )\n      }}\n    </form.Subscribe>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { FormFooterProps } from './form.types'\n\nexport function FormFooter({\n  orientation = 'horizontal',\n  className,\n  ref,\n  ...props\n}: FormFooterProps) {\n  return (\n    <div\n      className={cn(\n        'flex gap-2xs',\n        className,\n        orientation === 'horizontal' && 'flex-row',\n        orientation === 'vertical' && 'flex-col',\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { Button } from '../button'\nimport { useFormContext } from './form-contexts'\nimport type { FormResetProps } from './form.types'\n\nexport function FormReset({ className, ref, ...props }: FormResetProps) {\n  const form = useFormContext(),\n    handleClick = () => {\n      form.reset()\n    }\n\n  return (\n    <form.Subscribe selector={(state) => state}>\n      {(state) => (\n        <Button\n          className={cn('w-full', className)}\n          disabled={!state.values}\n          onClick={handleClick}\n          ref={ref}\n          variant=\"outline\"\n          tone=\"neutral\"\n          type=\"reset\"\n          {...props}\n        />\n      )}\n    </form.Subscribe>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { FormSetProps } from './form.types'\n\nexport function FormSet({ className, ref, ...props }: FormSetProps) {\n  return <div className={cn('flex flex-col gap-xs', className)} ref={ref} {...props} />\n}\n","import { cn } from '@/utils/cn'\n\nimport type { FormSetContentProps } from './form.types'\n\nexport function FormSetContent({ className, ref, ...props }: FormSetContentProps) {\n  return <div className={cn('flex flex-col gap-md', className)} ref={ref} {...props} />\n}\n","import { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nimport type { Button } from '../button'\n\ntype FormProps = React.ComponentProps<'form'>\ntype FormSubmitProps = React.ComponentProps<typeof Button>\ntype FormResetProps = React.ComponentProps<typeof Button>\ntype FormErrorsProps = React.ComponentProps<'div'> & {\n  headerLabel?: string\n}\ntype FormSetProps = React.ComponentProps<'div'>\ntype FormSetHeadingProps = React.ComponentProps<'span'> &\n  VariantProps<typeof formSetHeadingVariants>\ntype FormSetContentProps = React.ComponentProps<'div'>\ntype FormFooterProps = React.ComponentProps<'div'> & {\n  orientation?: 'horizontal' | 'vertical'\n}\n\nconst formSetHeadingVariants = cva('', {\n  defaultVariants: {\n    size: 'medium',\n  },\n  variants: {\n    size: {\n      large: 'style-text-strong-2',\n      medium: 'style-text-strong-1',\n      small: 'style-text-strong-0',\n    },\n  },\n})\n\nexport type {\n  FormProps,\n  FormSubmitProps,\n  FormResetProps,\n  FormErrorsProps,\n  FormSetProps,\n  FormSetHeadingProps,\n  FormSetContentProps,\n  FormFooterProps,\n}\nexport { formSetHeadingVariants }\n","import { cn } from '@/utils/cn'\n\nimport { formSetHeadingVariants } from './form.types'\nimport type { FormSetHeadingProps } from './form.types'\n\nexport function FormSetHeading({ size, className, ref, ...props }: FormSetHeadingProps) {\n  return <span className={cn(formSetHeadingVariants({ className, size }))} ref={ref} {...props} />\n}\n","import { cn } from '@/utils/cn'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { useFormContext } from './form-contexts'\nimport type { FormSubmitProps } from './form.types'\n\nexport function FormSubmit({ className, children, ref, ...props }: FormSubmitProps) {\n  const form = useFormContext()\n\n  return (\n    <form.Subscribe selector={(state) => state}>\n      {(state) => (\n        <Button\n          className={cn('w-full', className)}\n          disabled={state.isSubmitting || !state.canSubmit}\n          ref={ref}\n          type=\"submit\"\n          {...props}\n        >\n          {state.isSubmitting && <Icon name=\"spinner\" className=\"animate-spin\" />}\n          {!state.isSubmitting && children}\n        </Button>\n      )}\n    </form.Subscribe>\n  )\n}\n","import { createFormHook } from '@tanstack/react-form'\n\nimport {\n  FieldCheckbox,\n  FieldDescription,\n  FieldErrors,\n  FieldInput,\n  FieldInputGroup,\n  FieldInputGroupInput,\n  FieldLabel,\n  FieldRadio,\n  FieldRadioGroup,\n  FieldSelect,\n  FieldSet,\n  FieldSlider,\n  FieldSwitch,\n  FieldTextArea,\n  FieldToggle,\n} from '../field'\nimport { FieldRow } from '../field/field-row'\nimport { fieldContext, formContext } from './form-contexts'\nimport { FormErrors } from './form-errors'\nimport { FormFooter } from './form-footer'\nimport { FormReset } from './form-reset'\nimport { FormSet } from './form-set'\nimport { FormSetContent } from './form-set-content'\nimport { FormSetHeading } from './form-set-heading'\nimport { FormSubmit } from './form-submit'\n\nexport { fieldContext, formContext, useFieldContext, useFormContext } from './form-contexts'\n\nexport const { useAppForm, withFieldGroup, withForm, useTypedAppFormContext } = createFormHook({\n  fieldComponents: {\n    Checkbox: FieldCheckbox,\n    Description: FieldDescription,\n    Errors: FieldErrors,\n    Input: FieldInput,\n    InputGroup: FieldInputGroup,\n    InputGroupInput: FieldInputGroupInput,\n    Label: FieldLabel,\n    Radio: FieldRadio,\n    RadioGroup: FieldRadioGroup,\n    Row: FieldRow,\n    Select: FieldSelect,\n    Set: FieldSet,\n    Slider: FieldSlider,\n    Switch: FieldSwitch,\n    TextArea: FieldTextArea,\n    Toggle: FieldToggle,\n  },\n  fieldContext,\n  formComponents: {\n    Errors: FormErrors,\n    Footer: FormFooter,\n    Reset: FormReset,\n    Set: FormSet,\n    SetContent: FormSetContent,\n    SetHeading: FormSetHeading,\n    Submit: FormSubmit,\n  },\n  formContext,\n})\n","import { Form as FormRoot } from './form'\nimport { FormErrors } from './form-errors'\nimport { FormFooter } from './form-footer'\nimport { FormReset } from './form-reset'\nimport { FormSet } from './form-set'\nimport { FormSetContent } from './form-set-content'\nimport { FormSetHeading } from './form-set-heading'\nimport { FormSubmit } from './form-submit'\n\nconst Form = Object.assign(FormRoot, {\n  Errors: FormErrors,\n  Footer: FormFooter,\n  Reset: FormReset,\n  Set: FormSet,\n  SetContent: FormSetContent,\n  SetHeading: FormSetHeading,\n  Submit: FormSubmit,\n})\n\nexport type { FormErrorsProps, FormProps, FormResetProps, FormSubmitProps } from './form.types'\nexport {\n  fieldContext,\n  formContext,\n  useAppForm,\n  useFieldContext,\n  useFormContext,\n  useTypedAppFormContext,\n  withFieldGroup,\n  withForm,\n} from './form-context'\nexport { FormErrors } from './form-errors'\nexport { FormReset } from './form-reset'\nexport { FormSubmit } from './form-submit'\nexport { FormFooter } from './form-footer'\nexport { FormSet } from './form-set'\nexport { FormSetContent } from './form-set-content'\nexport { FormSetHeading } from './form-set-heading'\n\nexport { Form }\n"],"mappings":"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"}

package/dist/has-single-element-child-DLGI0Dh2.js

@@ -0,0 +1,12 @@
+import { Children, Fragment, isValidElement } from "react";
+// src/utils/has-single-element-child.ts
+function hasSingleElementChild(children) {
+	const items = Children.toArray(children), [child] = items;
+	if (items.length !== 1) return false;
+	if (!isValidElement(child)) return false;
+	if (child.type === Fragment) return hasSingleElementChild(child.props.children);
+	return true;
+}
+export { hasSingleElementChild as t };
+
+//# sourceMappingURL=has-single-element-child-DLGI0Dh2.js.map

package/dist/has-single-element-child-DLGI0Dh2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"has-single-element-child-DLGI0Dh2.js","names":[],"sources":["../src/utils/has-single-element-child.ts"],"sourcesContent":["// oxlint-disable no-magic-numbers\nimport { Children, Fragment, isValidElement } from 'react'\nimport type { ReactNode } from 'react'\n\nexport function hasSingleElementChild(children: ReactNode): boolean {\n  const items = Children.toArray(children),\n    [child] = items\n\n  if (items.length !== 1) {\n    return false\n  }\n\n  if (!isValidElement<{ children?: ReactNode }>(child)) {\n    return false\n  }\n  if (child.type === Fragment) {\n    return hasSingleElementChild(child.props.children)\n  }\n\n  return true\n}\n"],"mappings":";;AAIA,SAAgB,sBAAsB,UAA8B;CAClE,MAAM,QAAQ,SAAS,QAAQ,QAAQ,GACrC,CAAC,SAAS;CAEZ,IAAI,MAAM,WAAW,GACnB,OAAO;CAGT,IAAI,CAAC,eAAyC,KAAK,GACjD,OAAO;CAET,IAAI,MAAM,SAAS,UACjB,OAAO,sBAAsB,MAAM,MAAM,QAAQ;CAGnD,OAAO;AACT"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,26 @@
+import { r as IconComponent } from "../index-Wb_tILYa.js";
+interface Device {
+  name: 'mobile' | 'tablet' | 'desktop';
+  query: string;
+}
+export declare function useMediaQuery(deviceName: Device['name']): boolean;
+type ThemeValue = 'light' | 'dark' | 'system';
+interface Theme {
+  value: ThemeValue;
+  label: string;
+  icon: IconComponent;
+}
+interface ThemeProviderState {
+  theme: ThemeValue;
+  setTheme: (theme: ThemeValue) => void;
+}
+interface ThemeProviderProps {
+  children: React.ReactNode;
+  defaultTheme?: ThemeValue;
+  storageKey?: string;
+}
+declare const THEME_STORAGE_KEY = "ixia-ui-theme", DEFAULT_THEME: ThemeValue, getThemeByValue: (value: ThemeValue, themes: Theme[]) => Theme | undefined;
+declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): import("react").JSX.Element;
+declare function useTheme(): ThemeProviderState;
+export { DEFAULT_THEME, THEME_STORAGE_KEY, type Theme, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, type ThemeValue, getThemeByValue, useTheme };
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.js

@@ -0,0 +1 @@
+export { r as DEFAULT_THEME, i as THEME_STORAGE_KEY, t as ThemeProvider, a as getThemeByValue, o as useMediaQuery, n as useTheme } from "../hooks-DUm-q_ig.js";

package/dist/hooks-DUm-q_ig.js

@@ -0,0 +1,68 @@
+import { jsx } from "react/jsx-runtime";
+import React, { createContext, useContext, useEffect, useState } from "react";
+// src/hooks/use-media-query.ts
+const devices = [
+	{
+		name: "mobile",
+		query: "(max-width: 767px), (orientation: landscape) and (max-height: 500px)"
+	},
+	{
+		name: "tablet",
+		query: "(min-width: 768px) and (max-width: 1023px)"
+	},
+	{
+		name: "desktop",
+		query: "(min-width: 1024px)"
+	}
+];
+function getInitialMatch(query) {
+	if (typeof globalThis.matchMedia !== "function") return false;
+	return globalThis.matchMedia(query).matches;
+}
+function useMediaQuery(deviceName) {
+	const device = devices.find((candidate) => candidate.name === deviceName), [matches, setMatches] = React.useState(() => getInitialMatch(device.query));
+	React.useEffect(() => {
+		const media = globalThis.matchMedia(device.query), update = () => setMatches(media.matches);
+		update();
+		media.addEventListener("change", update);
+		return () => media.removeEventListener("change", update);
+	}, [device]);
+	return matches;
+}
+// src/hooks/theme/theme.constants.ts
+const THEME_STORAGE_KEY = "ixia-ui-theme";
+const DEFAULT_THEME = "light";
+const getThemeByValue = (value, themes) => themes.find((themeItem) => themeItem.value === value);
+// src/hooks/theme/use-theme.tsx
+const ThemeProviderContext = createContext({
+	setTheme: () => void 0,
+	theme: "system"
+});
+function getStoredTheme(storageKey, fallback) {
+	const stored = localStorage.getItem(storageKey);
+	if (stored === "light" || stored === "dark" || stored === "system") return stored;
+	return fallback;
+}
+function ThemeProvider({ children, defaultTheme = DEFAULT_THEME, storageKey = THEME_STORAGE_KEY, ...props }) {
+	const [theme, setTheme] = useState(() => getStoredTheme(storageKey, defaultTheme));
+	useEffect(() => {
+		globalThis.document.documentElement.setAttribute("data-theme", theme);
+		localStorage.setItem(storageKey, theme);
+	}, [theme, storageKey]);
+	return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, {
+		...props,
+		value: {
+			setTheme,
+			theme
+		},
+		children
+	});
+}
+function useTheme() {
+	const context = useContext(ThemeProviderContext);
+	if (context === void 0) throw new Error("useTheme must be used within a ThemeProvider");
+	return context;
+}
+export { getThemeByValue as a, THEME_STORAGE_KEY as i, useTheme as n, useMediaQuery as o, DEFAULT_THEME as r, ThemeProvider as t };
+
+//# sourceMappingURL=hooks-DUm-q_ig.js.map

package/dist/hooks-DUm-q_ig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks-DUm-q_ig.js","names":[],"sources":["../src/hooks/use-media-query.ts","../src/hooks/theme/theme.constants.ts","../src/hooks/theme/use-theme.tsx"],"sourcesContent":["import React from 'react'\n\ninterface Device {\n  name: 'mobile' | 'tablet' | 'desktop'\n  query: string\n}\n\nconst devices: Device[] = [\n  { name: 'mobile', query: '(max-width: 767px), (orientation: landscape) and (max-height: 500px)' },\n  { name: 'tablet', query: '(min-width: 768px) and (max-width: 1023px)' },\n  { name: 'desktop', query: '(min-width: 1024px)' },\n]\n\nfunction getInitialMatch(query: string): boolean {\n  if (typeof globalThis.matchMedia !== 'function') {\n    return false\n  }\n  return globalThis.matchMedia(query).matches\n}\n\nexport function useMediaQuery(deviceName: Device['name']) {\n  const device = devices.find((candidate) => candidate.name === deviceName)!,\n    [matches, setMatches] = React.useState(() => getInitialMatch(device.query))\n\n  React.useEffect(() => {\n    const media = globalThis.matchMedia(device.query),\n      update = () => setMatches(media.matches)\n\n    update()\n\n    media.addEventListener('change', update)\n\n    return () => media.removeEventListener('change', update)\n  }, [device])\n\n  return matches\n}\n","import type { Theme, ThemeValue } from './theme.types'\n\nconst THEME_STORAGE_KEY = 'ixia-ui-theme',\n  DEFAULT_THEME: ThemeValue = 'light',\n  getThemeByValue = (value: ThemeValue, themes: Theme[]): Theme | undefined =>\n    themes.find((themeItem) => themeItem.value === value)\n\nexport { THEME_STORAGE_KEY, DEFAULT_THEME, getThemeByValue }\n","import { createContext, useContext, useEffect, useState } from 'react'\n\nimport { DEFAULT_THEME, THEME_STORAGE_KEY } from './theme.constants.ts'\nimport type { ThemeProviderProps, ThemeProviderState, ThemeValue } from './theme.types.ts'\n\nconst initialState: ThemeProviderState = {\n    setTheme: () => undefined,\n    theme: 'system',\n  },\n  ThemeProviderContext = createContext<ThemeProviderState>(initialState)\n\nfunction getStoredTheme(storageKey: string, fallback: ThemeValue): ThemeValue {\n  const stored = localStorage.getItem(storageKey)\n  if (stored === 'light' || stored === 'dark' || stored === 'system') {\n    return stored\n  }\n  return fallback\n}\n\nfunction ThemeProvider({\n  children,\n  defaultTheme = DEFAULT_THEME,\n  storageKey = THEME_STORAGE_KEY,\n  ...props\n}: ThemeProviderProps) {\n  const [theme, setTheme] = useState<ThemeValue>(() => getStoredTheme(storageKey, defaultTheme))\n\n  useEffect(() => {\n    const root = globalThis.document.documentElement\n    root.setAttribute('data-theme', theme)\n    localStorage.setItem(storageKey, theme)\n  }, [theme, storageKey])\n\n  return (\n    <ThemeProviderContext.Provider {...props} value={{ setTheme, theme }}>\n      {children}\n    </ThemeProviderContext.Provider>\n  )\n}\n\nfunction useTheme() {\n  const context = useContext(ThemeProviderContext)\n\n  if (context === undefined) {\n    throw new Error('useTheme must be used within a ThemeProvider')\n  }\n\n  return context\n}\n\nexport { ThemeProvider, useTheme }\n"],"mappings":";;;AAOA,MAAM,UAAoB;CACxB;EAAE,MAAM;EAAU,OAAO;CAAuE;CAChG;EAAE,MAAM;EAAU,OAAO;CAA6C;CACtE;EAAE,MAAM;EAAW,OAAO;CAAsB;AAClD;AAEA,SAAS,gBAAgB,OAAwB;CAC/C,IAAI,OAAO,WAAW,eAAe,YACnC,OAAO;CAET,OAAO,WAAW,WAAW,KAAK,CAAC,CAAC;AACtC;AAEA,SAAgB,cAAc,YAA4B;CACxD,MAAM,SAAS,QAAQ,MAAM,cAAc,UAAU,SAAS,UAAU,GACtE,CAAC,SAAS,cAAc,MAAM,eAAe,gBAAgB,OAAO,KAAK,CAAC;CAE5E,MAAM,gBAAgB;EACpB,MAAM,QAAQ,WAAW,WAAW,OAAO,KAAK,GAC9C,eAAe,WAAW,MAAM,OAAO;EAEzC,OAAO;EAEP,MAAM,iBAAiB,UAAU,MAAM;EAEvC,aAAa,MAAM,oBAAoB,UAAU,MAAM;CACzD,GAAG,CAAC,MAAM,CAAC;CAEX,OAAO;AACT;;AClCA,MAAM,oBAAoB;AACxB,MAAA,gBAA4B;AAC5B,MAAA,mBAAmB,OAAmB,WACpC,OAAO,MAAM,cAAc,UAAU,UAAU,KAAK;;ACAxD,MAIE,uBAAuB,cAAkC;CAHvD,gBAAgB,KAAA;CAChB,OAAO;AAE2D,CAAC;AAEvE,SAAS,eAAe,YAAoB,UAAkC;CAC5E,MAAM,SAAS,aAAa,QAAQ,UAAU;CAC9C,IAAI,WAAW,WAAW,WAAW,UAAU,WAAW,UACxD,OAAO;CAET,OAAO;AACT;AAEA,SAAS,cAAc,EACrB,UACA,eAAe,eACf,aAAa,mBACb,GAAG,SACkB;CACrB,MAAM,CAAC,OAAO,YAAY,eAA2B,eAAe,YAAY,YAAY,CAAC;CAE7F,gBAAgB;EAEd,WADwB,SAAS,gBAC5B,aAAa,cAAc,KAAK;EACrC,aAAa,QAAQ,YAAY,KAAK;CACxC,GAAG,CAAC,OAAO,UAAU,CAAC;CAEtB,OACE,oBAAC,qBAAqB,UAAtB;EAA+B,GAAI;EAAO,OAAO;GAAE;GAAU;EAAM;EAChE;CAC4B,CAAA;AAEnC;AAEA,SAAS,WAAW;CAClB,MAAM,UAAU,WAAW,oBAAoB;CAE/C,IAAI,YAAY,KAAA,GACd,MAAM,IAAI,MAAM,8CAA8C;CAGhE,OAAO;AACT"}

package/dist/icon/index.d.ts

@@ -0,0 +1,2 @@
+import { a as IconOverrides, c as IconRegistry, i as IconName, l as IconRenderProps, n as Icon, o as IconProps, r as IconComponent, s as IconProviderProps, t as IconProvider, u as IconWeight } from "../index-Wb_tILYa.js";
+export { Icon, type IconComponent, type IconName, type IconOverrides, type IconProps, IconProvider, type IconProviderProps, type IconRegistry, type IconRenderProps, type IconWeight };

package/dist/icon/index.js

@@ -0,0 +1 @@
+export { n as Icon, t as IconProvider } from "../icon-D3JWfCa2.js";

package/dist/icon-D3JWfCa2.js

@@ -0,0 +1,85 @@
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { ArrowsDownUpIcon, CaretDownIcon, CaretLeftIcon, CaretLineLeftIcon, CaretLineRightIcon, CaretRightIcon, CaretUpDownIcon, CaretUpIcon, CheckCircleIcon, CheckIcon, CircleNotchIcon, CopyIcon, DotsThreeIcon, DownloadIcon, EyeClosedIcon, EyeIcon, FileArrowUpIcon, FolderIcon, FolderOpenIcon, FolderSimpleIcon, FunnelIcon, FunnelSimpleIcon, InfoIcon, LockSimpleIcon, LockSimpleOpenIcon, MagnifyingGlassIcon, MinusIcon, PercentIcon, PlusIcon, SortAscendingIcon, SortDescendingIcon, StackIcon, ThreeDIcon, TrashIcon, UploadIcon, WarningCircleIcon, WarningIcon, XCircleIcon, XIcon } from "@phosphor-icons/react";
+// src/components/icon/default-icons.ts
+const defaultIcons = {
+	"3d": ThreeDIcon,
+	add: PlusIcon,
+	chevronDown: CaretDownIcon,
+	chevronLeft: CaretLeftIcon,
+	chevronRight: CaretRightIcon,
+	chevronUp: CaretUpIcon,
+	chevronsUpDown: CaretUpDownIcon,
+	close: XIcon,
+	columnFilter: FunnelSimpleIcon,
+	copy: CopyIcon,
+	delete: TrashIcon,
+	download: DownloadIcon,
+	ellipsis: DotsThreeIcon,
+	error: WarningCircleIcon,
+	fieldError: XCircleIcon,
+	fileUpload: FileArrowUpIcon,
+	filter: FunnelIcon,
+	firstPage: CaretLineLeftIcon,
+	folder: FolderIcon,
+	folderExpandAll: FolderSimpleIcon,
+	folderOpen: FolderOpenIcon,
+	hidden: EyeClosedIcon,
+	info: InfoIcon,
+	lastPage: CaretLineRightIcon,
+	layers: StackIcon,
+	locked: LockSimpleIcon,
+	minus: MinusIcon,
+	percent: PercentIcon,
+	search: MagnifyingGlassIcon,
+	selected: CheckIcon,
+	sort: ArrowsDownUpIcon,
+	sortAscending: SortAscendingIcon,
+	sortDescending: SortDescendingIcon,
+	spinner: CircleNotchIcon,
+	success: CheckCircleIcon,
+	unlocked: LockSimpleOpenIcon,
+	upload: UploadIcon,
+	visible: EyeIcon,
+	warning: WarningIcon
+};
+// src/components/icon/icon-context.ts
+const IconContext = React.createContext({ icons: {} });
+// src/components/icon/icon.tsx
+function Icon({ name, weight, ...props }) {
+	const context = React.useContext(IconContext), Custom = context.icons[name], Default = defaultIcons[name];
+	if (Custom) return /* @__PURE__ */ jsx(Custom, {
+		"aria-hidden": "true",
+		...props
+	});
+	return /* @__PURE__ */ jsx(Default, {
+		"aria-hidden": "true",
+		weight: weight ?? context.weight,
+		...props
+	});
+}
+// src/components/icon/icon-provider.tsx
+/**
+* Replaces the default Phosphor icons and sets their weight for every library component below it.
+* Providers can be nested; inner providers override only the icon names and weight they set.
+*/
+function IconProvider({ icons, weight, children }) {
+	const parent = React.useContext(IconContext), value = React.useMemo(() => ({
+		icons: {
+			...parent.icons,
+			...icons
+		},
+		weight: weight ?? parent.weight
+	}), [
+		parent,
+		icons,
+		weight
+	]);
+	return /* @__PURE__ */ jsx(IconContext, {
+		value,
+		children
+	});
+}
+export { Icon as n, IconProvider as t };
+
+//# sourceMappingURL=icon-D3JWfCa2.js.map

package/dist/icon-D3JWfCa2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-D3JWfCa2.js","names":[],"sources":["../src/components/icon/default-icons.ts","../src/components/icon/icon-context.ts","../src/components/icon/icon.tsx","../src/components/icon/icon-provider.tsx"],"sourcesContent":["import {\n  ArrowsDownUpIcon,\n  CaretDownIcon,\n  CaretLeftIcon,\n  CaretLineLeftIcon,\n  CaretLineRightIcon,\n  CaretRightIcon,\n  CaretUpDownIcon,\n  CaretUpIcon,\n  CheckCircleIcon,\n  CheckIcon,\n  CircleNotchIcon,\n  CopyIcon,\n  DotsThreeIcon,\n  DownloadIcon,\n  EyeClosedIcon,\n  EyeIcon,\n  FileArrowUpIcon,\n  FolderIcon,\n  FolderOpenIcon,\n  FolderSimpleIcon,\n  FunnelIcon,\n  FunnelSimpleIcon,\n  InfoIcon,\n  LockSimpleIcon,\n  LockSimpleOpenIcon,\n  MagnifyingGlassIcon,\n  MinusIcon,\n  PercentIcon,\n  PlusIcon,\n  SortAscendingIcon,\n  SortDescendingIcon,\n  StackIcon,\n  ThreeDIcon,\n  TrashIcon,\n  UploadIcon,\n  WarningCircleIcon,\n  WarningIcon,\n  XCircleIcon,\n  XIcon,\n} from '@phosphor-icons/react'\n\nimport type { DefaultIconRegistry } from './icon.types'\n\nexport const defaultIcons: DefaultIconRegistry = {\n  '3d': ThreeDIcon,\n  add: PlusIcon,\n  chevronDown: CaretDownIcon,\n  chevronLeft: CaretLeftIcon,\n  chevronRight: CaretRightIcon,\n  chevronUp: CaretUpIcon,\n  chevronsUpDown: CaretUpDownIcon,\n  close: XIcon,\n  columnFilter: FunnelSimpleIcon,\n  copy: CopyIcon,\n  delete: TrashIcon,\n  download: DownloadIcon,\n  ellipsis: DotsThreeIcon,\n  error: WarningCircleIcon,\n  fieldError: XCircleIcon,\n  fileUpload: FileArrowUpIcon,\n  filter: FunnelIcon,\n  firstPage: CaretLineLeftIcon,\n  folder: FolderIcon,\n  folderExpandAll: FolderSimpleIcon,\n  folderOpen: FolderOpenIcon,\n  hidden: EyeClosedIcon,\n  info: InfoIcon,\n  lastPage: CaretLineRightIcon,\n  layers: StackIcon,\n  locked: LockSimpleIcon,\n  minus: MinusIcon,\n  percent: PercentIcon,\n  search: MagnifyingGlassIcon,\n  selected: CheckIcon,\n  sort: ArrowsDownUpIcon,\n  sortAscending: SortAscendingIcon,\n  sortDescending: SortDescendingIcon,\n  spinner: CircleNotchIcon,\n  success: CheckCircleIcon,\n  unlocked: LockSimpleOpenIcon,\n  upload: UploadIcon,\n  visible: EyeIcon,\n  warning: WarningIcon,\n}\n","import React from 'react'\n\nimport type { IconContextValue } from './icon.types'\n\nexport const IconContext = React.createContext<IconContextValue>({ icons: {} })\n","import React from 'react'\n\nimport { defaultIcons } from './default-icons'\nimport { IconContext } from './icon-context'\nimport type { IconRenderProps } from './icon.types'\n\nexport function Icon({ name, weight, ...props }: IconRenderProps) {\n  const context = React.useContext(IconContext),\n    Custom = context.icons[name],\n    Default = defaultIcons[name]\n\n  if (Custom) {\n    return <Custom aria-hidden=\"true\" {...props} />\n  }\n\n  return <Default aria-hidden=\"true\" weight={weight ?? context.weight} {...props} />\n}\n","import React from 'react'\n\nimport { IconContext } from './icon-context'\nimport type { IconProviderProps } from './icon.types'\n\n/**\n * Replaces the default Phosphor icons and sets their weight for every library component below it.\n * Providers can be nested; inner providers override only the icon names and weight they set.\n */\nexport function IconProvider({ icons, weight, children }: IconProviderProps) {\n  const parent = React.useContext(IconContext),\n    value = React.useMemo(\n      () => ({ icons: { ...parent.icons, ...icons }, weight: weight ?? parent.weight }),\n      [parent, icons, weight],\n    )\n\n  return <IconContext value={value}>{children}</IconContext>\n}\n"],"mappings":";;;;AA4CA,MAAa,eAAoC;CAC/C,MAAM;CACN,KAAK;CACL,aAAa;CACb,aAAa;CACb,cAAc;CACd,WAAW;CACX,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,MAAM;CACN,QAAQ;CACR,UAAU;CACV,UAAU;CACV,OAAO;CACP,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,iBAAiB;CACjB,YAAY;CACZ,QAAQ;CACR,MAAM;CACN,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM;CACN,eAAe;CACf,gBAAgB;CAChB,SAAS;CACT,SAAS;CACT,UAAU;CACV,QAAQ;CACR,SAAS;CACT,SAAS;AACX;;AChFA,MAAa,cAAc,MAAM,cAAgC,EAAE,OAAO,CAAC,EAAE,CAAC;;ACE9E,SAAgB,KAAK,EAAE,MAAM,QAAQ,GAAG,SAA0B;CAChE,MAAM,UAAU,MAAM,WAAW,WAAW,GAC1C,SAAS,QAAQ,MAAM,OACvB,UAAU,aAAa;CAEzB,IAAI,QACF,OAAO,oBAAC,QAAD;EAAQ,eAAY;EAAO,GAAI;CAAQ,CAAA;CAGhD,OAAO,oBAAC,SAAD;EAAS,eAAY;EAAO,QAAQ,UAAU,QAAQ;EAAQ,GAAI;CAAQ,CAAA;AACnF;;;;;;ACPA,SAAgB,aAAa,EAAE,OAAO,QAAQ,YAA+B;CAC3E,MAAM,SAAS,MAAM,WAAW,WAAW,GACzC,QAAQ,MAAM,eACL;EAAE,OAAO;GAAE,GAAG,OAAO;GAAO,GAAG;EAAM;EAAG,QAAQ,UAAU,OAAO;CAAO,IAC/E;EAAC;EAAQ;EAAO;CAAM,CACxB;CAEF,OAAO,oBAAC,aAAD;EAAoB;EAAQ;CAAsB,CAAA;AAC3D"}

package/dist/icon-container/index.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from "class-variance-authority";
+declare const iconContainerVariants: (props?: ({
+  shape?: "rounded" | "square" | null | undefined;
+  size?: "large" | "medium" | "small" | null | undefined;
+  tone?: "accent" | "brand" | "error" | "info" | "neutral" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type IconContainerProps = React.ComponentProps<'div'> & VariantProps<typeof iconContainerVariants>;
+export declare function IconContainer({ shape, size, tone, className, children, ref, ...props }: IconContainerProps): import("react").JSX.Element;
+export type { IconContainerProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/icon-container/index.js

@@ -0,0 +1,64 @@
+import { t as cn } from "../cn-BDi0DfT5.js";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+// src/components/icon-container/icon-container.types.ts
+const iconContainerVariants = cva("flex shrink-0 items-center justify-center", {
+	compoundVariants: [
+		{
+			className: "rounded-xl",
+			shape: "square",
+			size: "small"
+		},
+		{
+			className: "rounded-2xl",
+			shape: "square",
+			size: "medium"
+		},
+		{
+			className: "rounded-3xl",
+			shape: "square",
+			size: "large"
+		}
+	],
+	defaultVariants: {
+		shape: "rounded",
+		size: "medium",
+		tone: "brand"
+	},
+	variants: {
+		shape: {
+			rounded: "rounded-full",
+			square: ""
+		},
+		size: {
+			large: "size-3xl [&>svg]:size-xl",
+			medium: "size-2xl [&>svg]:size-lg",
+			small: "size-xl [&>svg]:size-md"
+		},
+		tone: {
+			accent: "bg-accent-container-high text-accent-on-container",
+			brand: "bg-brand-container-high text-brand-on-container",
+			error: "bg-error-container-high text-error-on-container",
+			info: "bg-info-container-high text-info-on-container",
+			neutral: "bg-neutral-container-high text-neutral-on-container",
+			success: "bg-success-container-high text-success-on-container",
+			warning: "bg-warning-container-high text-warning-on-container"
+		}
+	}
+});
+// src/components/icon-container/icon-container.tsx
+function IconContainer({ shape, size, tone, className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(iconContainerVariants({
+			shape,
+			size,
+			tone
+		}), className),
+		ref,
+		...props,
+		children
+	});
+}
+export { IconContainer };
+
+//# sourceMappingURL=index.js.map

package/dist/icon-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/components/icon-container/icon-container.types.ts","../../src/components/icon-container/icon-container.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nconst iconContainerVariants = cva('flex shrink-0 items-center justify-center', {\n  compoundVariants: [\n    {\n      className: 'rounded-xl',\n      shape: 'square',\n      size: 'small',\n    },\n    {\n      className: 'rounded-2xl',\n      shape: 'square',\n      size: 'medium',\n    },\n    {\n      className: 'rounded-3xl',\n      shape: 'square',\n      size: 'large',\n    },\n  ],\n  defaultVariants: {\n    shape: 'rounded',\n    size: 'medium',\n    tone: 'brand',\n  },\n  variants: {\n    shape: {\n      rounded: 'rounded-full',\n      square: '',\n    },\n    size: {\n      large: 'size-3xl [&>svg]:size-xl',\n      medium: 'size-2xl [&>svg]:size-lg',\n      small: 'size-xl [&>svg]:size-md',\n    },\n    tone: {\n      accent: 'bg-accent-container-high text-accent-on-container',\n      brand: 'bg-brand-container-high text-brand-on-container',\n      error: 'bg-error-container-high text-error-on-container',\n      info: 'bg-info-container-high text-info-on-container',\n      neutral: 'bg-neutral-container-high text-neutral-on-container',\n      success: 'bg-success-container-high text-success-on-container',\n      warning: 'bg-warning-container-high text-warning-on-container',\n    },\n  },\n})\n\ntype IconContainerProps = React.ComponentProps<'div'> & VariantProps<typeof iconContainerVariants>\n\nexport { iconContainerVariants }\nexport type { IconContainerProps }\n","import { cn } from '@/utils/cn'\n\nimport { iconContainerVariants } from './icon-container.types'\nimport type { IconContainerProps } from './icon-container.types'\n\nexport function IconContainer({\n  shape,\n  size,\n  tone,\n  className,\n  children,\n  ref,\n  ...props\n}: IconContainerProps) {\n  return (\n    <div\n      className={cn(iconContainerVariants({ shape, size, tone }), className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":";;;;AAGA,MAAM,wBAAwB,IAAI,6CAA6C;CAC7E,kBAAkB;EAChB;GACE,WAAW;GACX,OAAO;GACP,MAAM;EACR;EACA;GACE,WAAW;GACX,OAAO;GACP,MAAM;EACR;EACA;GACE,WAAW;GACX,OAAO;GACP,MAAM;EACR;CACF;CACA,iBAAiB;EACf,OAAO;EACP,MAAM;EACN,MAAM;CACR;CACA,UAAU;EACR,OAAO;GACL,SAAS;GACT,QAAQ;EACV;EACA,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,OAAO;EACT;EACA,MAAM;GACJ,QAAQ;GACR,OAAO;GACP,OAAO;GACP,MAAM;GACN,SAAS;GACT,SAAS;GACT,SAAS;EACX;CACF;AACF,CAAC;;ACzCD,SAAgB,cAAc,EAC5B,OACA,MACA,MACA,WACA,UACA,KACA,GAAG,SACkB;CACrB,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,sBAAsB;GAAE;GAAO;GAAM;EAAK,CAAC,GAAG,SAAS;EAChE;EACL,GAAI;EAEH;CACE,CAAA;AAET"}

package/dist/index-0ZQzIKoE.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from "class-variance-authority";
+import { ComponentProps } from "react";
+declare const badgeVariants: (props?: ({
+  size?: "large" | "medium" | null | undefined;
+  tone?: "accent" | "brand" | "error" | "info" | "neutral" | "success" | "warning" | null | undefined;
+  variant?: "fill" | "outline" | "soft" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type BadgeProps = ComponentProps<'div'> & VariantProps<typeof badgeVariants>;
+declare function Badge({ className, size, tone, variant, ref, children, ...props }: BadgeProps): import("react").JSX.Element;
+export { BadgeProps as n, Badge as t };
+//# sourceMappingURL=index-0ZQzIKoE.d.ts.map

package/dist/index-B3MK1QYh.d.ts

@@ -0,0 +1,11 @@
+import { VariantProps } from "class-variance-authority";
+declare const buttonGroupVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+  size?: "extraSmall" | "large" | "medium" | "small" | null | undefined;
+  tone?: "accent" | "brand" | "error" | "info" | "neutral" | "success" | "warning" | null | undefined;
+  variant?: "elevated" | "fill" | "ghost" | "outline" | "secondary" | "soft" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ButtonGroupProps = React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>;
+declare function ButtonGroup({ size, variant, tone, orientation, className, ref, ...props }: ButtonGroupProps): import("react").JSX.Element;
+export { ButtonGroupProps as n, ButtonGroup as t };
+//# sourceMappingURL=index-B3MK1QYh.d.ts.map

package/dist/index-BJVMIPq4.d.ts

@@ -0,0 +1,54 @@
+import { n as inputVariants } from "./input.types-816rEVWU.js";
+import { VariantProps } from "class-variance-authority";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+type AutocompleteProps = React.ComponentProps<typeof Autocomplete.Root>;
+type AutocompleteInputGroupProps = React.ComponentProps<'div'> & VariantProps<typeof inputVariants>;
+type AutocompleteInputGroupAddonProps = React.ComponentProps<'div'>;
+type AutocompleteInputGroupInputProps = React.ComponentProps<typeof Autocomplete.Input>;
+type AutocompleteContentProps = React.ComponentProps<typeof Autocomplete.Positioner>;
+type AutocompleteEmptyProps = React.ComponentProps<typeof Autocomplete.Empty>;
+type AutocompleteGridContentProps = React.ComponentProps<typeof Autocomplete.Positioner> & {
+  placeholder?: string;
+  emptyText: string;
+};
+type AutocompleteItemProps = React.ComponentProps<typeof Autocomplete.Item>;
+type AutocompleteGridItemProps = React.ComponentProps<typeof Autocomplete.Item>;
+type AutocompleteGroupProps = React.ComponentProps<typeof Autocomplete.Group>;
+type AutocompleteGroupLabelProps = React.ComponentProps<typeof Autocomplete.GroupLabel>;
+type AutocompleteCollectionProps = React.ComponentProps<typeof Autocomplete.Collection>;
+type AutocompleteRowProps = React.ComponentProps<typeof Autocomplete.Row>;
+type AutocompleteTriggerProps = React.ComponentProps<typeof Autocomplete.Trigger>;
+type AutocompleteStatusProps = React.ComponentProps<typeof Autocomplete.Status>;
+declare function Autocomplete$2({ ...props }: AutocompleteProps): import("react").JSX.Element;
+declare function AutocompleteCollection({ ...props }: AutocompleteCollectionProps): import("react").JSX.Element;
+declare function AutocompleteContent({ className, children, sideOffset, ref, ...props }: AutocompleteContentProps): import("react").JSX.Element;
+declare function AutocompleteEmpty({ className, ref, ...props }: AutocompleteEmptyProps): import("react").JSX.Element;
+declare function AutocompleteGridContent({ placeholder, emptyText, className, children, sideOffset, ref, ...props }: AutocompleteGridContentProps): import("react").JSX.Element;
+declare function AutocompleteGridItem({ className, children, ref, ...props }: AutocompleteGridItemProps): import("react").JSX.Element;
+declare function AutocompleteGroup({ className, ref, ...props }: AutocompleteGroupProps): import("react").JSX.Element;
+declare function AutocompleteGroupLabel({ className, ref, ...props }: AutocompleteGroupProps): import("react").JSX.Element;
+declare function AutocompleteInputGroup({ variant, className, ref, ...props }: AutocompleteInputGroupProps): import("react").JSX.Element;
+declare function AutocompleteInputGroupAddon({ className, ref, ...props }: AutocompleteInputGroupAddonProps): import("react").JSX.Element;
+declare function AutocompleteInputGroupInput({ placeholder, className, ref, ...props }: AutocompleteInputGroupInputProps): import("react").JSX.Element;
+declare function AutocompleteItem({ className, ref, ...props }: AutocompleteItemProps): import("react").JSX.Element;
+declare function AutocompleteRow({ className, ref, ...props }: AutocompleteRowProps): import("react").JSX.Element;
+declare function AutocompleteStatus({ className, ref, ...props }: AutocompleteStatusProps): import("react").JSX.Element;
+declare function AutocompleteTrigger({ className, ref, ...props }: AutocompleteTriggerProps): import("react").JSX.Element;
+declare const Autocomplete$1: typeof Autocomplete$2 & {
+  Collection: typeof AutocompleteCollection;
+  Content: typeof AutocompleteContent;
+  Empty: typeof AutocompleteEmpty;
+  GridContent: typeof AutocompleteGridContent;
+  GridItem: typeof AutocompleteGridItem;
+  Group: typeof AutocompleteGroup;
+  GroupLabel: typeof AutocompleteGroupLabel;
+  InputGroup: typeof AutocompleteInputGroup;
+  InputGroupAddon: typeof AutocompleteInputGroupAddon;
+  InputGroupInput: typeof AutocompleteInputGroupInput;
+  Item: typeof AutocompleteItem;
+  Row: typeof AutocompleteRow;
+  Status: typeof AutocompleteStatus;
+  Trigger: typeof AutocompleteTrigger;
+};
+export { AutocompleteTriggerProps as A, AutocompleteInputGroupAddonProps as C, AutocompleteProps as D, AutocompleteItemProps as E, AutocompleteRowProps as O, AutocompleteGroupProps as S, AutocompleteInputGroupProps as T, AutocompleteContentProps as _, AutocompleteItem as a, AutocompleteGridItemProps as b, AutocompleteInputGroup as c, AutocompleteGridItem as d, AutocompleteGridContent as f, AutocompleteCollectionProps as g, AutocompleteCollection as h, AutocompleteRow as i, AutocompleteStatusProps as k, AutocompleteGroupLabel as l, AutocompleteContent as m, AutocompleteTrigger as n, AutocompleteInputGroupInput as o, AutocompleteEmpty as p, AutocompleteStatus as r, AutocompleteInputGroupAddon as s, Autocomplete$1 as t, AutocompleteGroup as u, AutocompleteEmptyProps as v, AutocompleteInputGroupInputProps as w, AutocompleteGroupLabelProps as x, AutocompleteGridContentProps as y };
+//# sourceMappingURL=index-BJVMIPq4.d.ts.map

package/dist/index-BsV-u_jc.d.ts

@@ -0,0 +1,4 @@
+import { t as InputProps } from "./input.types-816rEVWU.js";
+declare function Input({ fileUploadButtonIcon, fileUploadButtonLabel, maxFiles, maxFileSize, clearFilesLabel, filesSelectedLabel, maxFilesErrorLabel, maxFileSizeErrorLabel, compact, variant, size, className, ref, ...props }: InputProps): import("react").JSX.Element;
+export { Input as t };
+//# sourceMappingURL=index-BsV-u_jc.d.ts.map