@cerberus-design/react 0.8.0 → 0.8.1

package/build/legacy/chunk-SXXWC6UD.js

@@ -1,83 +0,0 @@
-// src/hooks/useTheme.ts
-import {
-  useCallback,
-  useEffect,
-  useLayoutEffect,
-  useMemo,
-  useState
-} from "react";
-
-// src/context/theme.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var THEME_KEY = "cerberus-theme";
-var MODE_KEY = "cerberus-mode";
-var ThemeContext = createContext(
-  null
-);
-function ThemeProvider(props) {
-  const state = useTheme();
-  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: state, children: props.children });
-}
-function useThemeContext() {
-  const context = useContext(ThemeContext);
-  if (!context) {
-    throw new Error("useThemeContext must be used within a ThemeProvider");
-  }
-  return context;
-}
-
-// src/hooks/useTheme.ts
-function useTheme(defaultTheme = "cerberus", defaultColorMode = "light") {
-  const [theme, setTheme] = useState(defaultTheme);
-  const [colorMode, setColorMode] = useState(defaultColorMode);
-  const handleThemeChange = useCallback((newTheme) => {
-    setTheme(newTheme);
-    localStorage.setItem(THEME_KEY, newTheme);
-  }, []);
-  const handleColorModeChange = useCallback(() => {
-    setColorMode((prev) => {
-      const newMode = prev === "light" ? "dark" : "light";
-      localStorage.setItem(MODE_KEY, newMode);
-      return newMode;
-    });
-  }, []);
-  useLayoutEffect(() => {
-    const theme2 = localStorage.getItem(THEME_KEY);
-    if (theme2) {
-      setTheme(theme2);
-    }
-  }, []);
-  useLayoutEffect(() => {
-    const mode = localStorage.getItem(MODE_KEY);
-    if (mode) {
-      setColorMode(mode);
-    }
-  }, []);
-  useEffect(() => {
-    const root = document.documentElement;
-    root.dataset.theme = theme;
-  }, [theme]);
-  useEffect(() => {
-    const root = document.documentElement;
-    root.dataset.colorMode = colorMode;
-  }, [colorMode]);
-  return useMemo(
-    () => ({
-      theme,
-      mode: colorMode,
-      updateTheme: handleThemeChange,
-      updateMode: handleColorModeChange
-    }),
-    [theme, colorMode, handleThemeChange, handleColorModeChange]
-  );
-}
-
-export {
-  useTheme,
-  THEME_KEY,
-  MODE_KEY,
-  ThemeProvider,
-  useThemeContext
-};
-//# sourceMappingURL=chunk-SXXWC6UD.js.map

package/build/legacy/chunk-SXXWC6UD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useTheme.ts","../../src/context/theme.tsx"],"sourcesContent":["'use client'\n\nimport {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport {\n  MODE_KEY,\n  THEME_KEY,\n  type ColorModes,\n  type CustomThemes,\n  type DefaultThemes,\n  type ThemeContextValue,\n} from '../context/theme'\n\nexport function useTheme<C extends string = DefaultThemes>(\n  defaultTheme: CustomThemes<C> = 'cerberus',\n  defaultColorMode: ColorModes = 'light',\n): ThemeContextValue<C> {\n  const [theme, setTheme] = useState<CustomThemes<C>>(defaultTheme)\n  const [colorMode, setColorMode] = useState<ColorModes>(defaultColorMode)\n\n  const handleThemeChange = useCallback((newTheme: CustomThemes<C>) => {\n    setTheme(newTheme)\n    localStorage.setItem(THEME_KEY, newTheme)\n  }, [])\n\n  const handleColorModeChange = useCallback(() => {\n    setColorMode((prev) => {\n      const newMode = prev === 'light' ? 'dark' : 'light'\n      localStorage.setItem(MODE_KEY, newMode)\n      return newMode\n    })\n  }, [])\n\n  useLayoutEffect(() => {\n    const theme = localStorage.getItem(THEME_KEY)\n    if (theme) {\n      setTheme(theme as CustomThemes<C>)\n    }\n  }, [])\n\n  useLayoutEffect(() => {\n    const mode = localStorage.getItem(MODE_KEY)\n    if (mode) {\n      setColorMode(mode as ColorModes)\n    }\n  }, [])\n\n  useEffect(() => {\n    const root = document.documentElement\n    root.dataset.theme = theme\n  }, [theme])\n\n  useEffect(() => {\n    const root = document.documentElement\n    root.dataset.colorMode = colorMode\n  }, [colorMode])\n\n  return useMemo(\n    () => ({\n      theme,\n      mode: colorMode,\n      updateTheme: handleThemeChange,\n      updateMode: handleColorModeChange,\n    }),\n    [theme, colorMode, handleThemeChange, handleColorModeChange],\n  )\n}\n","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport { useTheme } from '../hooks/useTheme'\n\nexport type DefaultThemes = 'cerberus'\nexport type CustomThemes<K extends string = DefaultThemes> = 'cerberus' | K\nexport type ColorModes = 'light' | 'dark'\n\nexport interface ThemeContextValue<T extends string = DefaultThemes> {\n  theme: CustomThemes<T>\n  mode: ColorModes\n  updateTheme: (theme: T) => void\n  updateMode: () => void\n}\n\nexport const THEME_KEY = 'cerberus-theme'\nexport const MODE_KEY = 'cerberus-mode'\n\nconst ThemeContext = createContext<ThemeContextValue<DefaultThemes> | null>(\n  null,\n)\n\n/**\n * A context provider that allows the user to set the theme and mode of the application.\n * @example\n * ```tsx\n * <ThemeProvider>\n *  <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider(props: PropsWithChildren<unknown>): JSX.Element {\n  const state = useTheme()\n  return (\n    <ThemeContext.Provider value={state}>\n      {props.children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport function useThemeContext(): ThemeContextValue<DefaultThemes> {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useThemeContext must be used within a ThemeProvider')\n  }\n  return context\n}\n"],"mappings":";AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;;;ACNP,SAAS,eAAe,kBAA0C;AAiC9D;AAnBG,IAAM,YAAY;AAClB,IAAM,WAAW;AAExB,IAAM,eAAe;AAAA,EACnB;AACF;AAWO,SAAS,cAAc,OAAgD;AAC5E,QAAM,QAAQ,SAAS;AACvB,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAC3B,gBAAM,UACT;AAEJ;AAEO,SAAS,kBAAoD;AAClE,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,qDAAqD;AAAA,EACvE;AACA,SAAO;AACT;;;AD7BO,SAAS,SACd,eAAgC,YAChC,mBAA+B,SACT;AACtB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA0B,YAAY;AAChE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAqB,gBAAgB;AAEvE,QAAM,oBAAoB,YAAY,CAAC,aAA8B;AACnE,aAAS,QAAQ;AACjB,iBAAa,QAAQ,WAAW,QAAQ;AAAA,EAC1C,GAAG,CAAC,CAAC;AAEL,QAAM,wBAAwB,YAAY,MAAM;AAC9C,iBAAa,CAAC,SAAS;AACrB,YAAM,UAAU,SAAS,UAAU,SAAS;AAC5C,mBAAa,QAAQ,UAAU,OAAO;AACtC,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,kBAAgB,MAAM;AACpB,UAAMA,SAAQ,aAAa,QAAQ,SAAS;AAC5C,QAAIA,QAAO;AACT,eAASA,MAAwB;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,kBAAgB,MAAM;AACpB,UAAM,OAAO,aAAa,QAAQ,QAAQ;AAC1C,QAAI,MAAM;AACR,mBAAa,IAAkB;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,UAAM,OAAO,SAAS;AACtB,SAAK,QAAQ,QAAQ;AAAA,EACvB,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,UAAM,OAAO,SAAS;AACtB,SAAK,QAAQ,YAAY;AAAA,EAC3B,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,IACd;AAAA,IACA,CAAC,OAAO,WAAW,mBAAmB,qBAAqB;AAAA,EAC7D;AACF;","names":["theme"]}

package/build/legacy/chunk-TCO46FK7.js

@@ -1,36 +0,0 @@
-import {
-  useFieldContext
-} from "./chunk-ZAU4JVLL.js";
-
-// src/components/Textarea.tsx
-import { css, cx } from "@cerberus/styled-system/css";
-import { input } from "@cerberus/styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function Textarea(props) {
-  const { describedBy, ...nativeProps } = props;
-  const { invalid, ...fieldState } = useFieldContext();
-  return /* @__PURE__ */ jsx(
-    "textarea",
-    {
-      ...nativeProps,
-      ...fieldState,
-      ...describedBy && { "aria-describedby": describedBy },
-      ...invalid && { "aria-invalid": true },
-      className: cx(
-        props.className,
-        input().input,
-        css({
-          pxi: "2",
-          py: "2",
-          resize: "vertical"
-        })
-      ),
-      rows: 4
-    }
-  );
-}
-
-export {
-  Textarea
-};
-//# sourceMappingURL=chunk-TCO46FK7.js.map

package/build/legacy/chunk-TCO46FK7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Textarea.tsx"],"sourcesContent":["'use client'\n\nimport type { TextareaHTMLAttributes } from 'react'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { input } from '@cerberus/styled-system/recipes'\nimport { useFieldContext } from '../context/field'\nimport type { InputRecipeProps } from './Input'\n\n/**\n * This module contains the Textarea component.\n * @module\n */\n\nexport interface TextareaBaseProps\n  extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {\n  describedBy?: string\n  id: string\n}\nexport type TextareaProps = InputRecipeProps & TextareaBaseProps\n\n/**\n * A component that allows the user to input large blocks of text.\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Textarea.tsx\n */\nexport function Textarea(props: TextareaProps): JSX.Element {\n  const { describedBy, ...nativeProps } = props\n  const { invalid, ...fieldState } = useFieldContext()\n\n  return (\n    <textarea\n      {...nativeProps}\n      {...fieldState}\n      {...(describedBy && { 'aria-describedby': describedBy })}\n      {...(invalid && { 'aria-invalid': true })}\n      className={cx(\n        props.className,\n        input().input,\n        css({\n          pxi: '2',\n          py: '2',\n          resize: 'vertical',\n        }),\n      )}\n      rows={4}\n    />\n  )\n}\n"],"mappings":";;;;;AAGA,SAAS,KAAK,UAAU;AACxB,SAAS,aAAa;AAyBlB;AALG,SAAS,SAAS,OAAmC;AAC1D,QAAM,EAAE,aAAa,GAAG,YAAY,IAAI;AACxC,QAAM,EAAE,SAAS,GAAG,WAAW,IAAI,gBAAgB;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAI,eAAe,EAAE,oBAAoB,YAAY;AAAA,MACrD,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW;AAAA,QACT,MAAM;AAAA,QACN,MAAM,EAAE;AAAA,QACR,IAAI;AAAA,UACF,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,QAAQ;AAAA,QACV,CAAC;AAAA,MACH;AAAA,MACA,MAAM;AAAA;AAAA,EACR;AAEJ;","names":[]}

package/build/legacy/chunk-TZNYJ3G7.js

@@ -1,25 +0,0 @@
-// src/hooks/useModal.ts
-import { useCallback, useMemo, useRef } from "react";
-function useModal() {
-  const modalRef = useRef(null);
-  const show = useCallback(() => {
-    var _a;
-    (_a = modalRef.current) == null ? void 0 : _a.showModal();
-  }, []);
-  const close = useCallback(() => {
-    var _a;
-    (_a = modalRef.current) == null ? void 0 : _a.close();
-  }, []);
-  return useMemo(() => {
-    return {
-      modalRef,
-      show,
-      close
-    };
-  }, [modalRef, show, close]);
-}
-
-export {
-  useModal
-};
-//# sourceMappingURL=chunk-TZNYJ3G7.js.map

package/build/legacy/chunk-TZNYJ3G7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useModal.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useMemo, useRef, type RefObject } from 'react'\n\n/**\n * This module provides a hook for using a custom modal.\n * @module\n */\n\ninterface UseModalReturnValue {\n  modalRef: RefObject<HTMLDialogElement>\n  show: () => void\n  close: () => void\n}\n\nexport function useModal(): UseModalReturnValue {\n  const modalRef = useRef<HTMLDialogElement | null>(null)\n\n  const show = useCallback(() => {\n    modalRef.current?.showModal()\n  }, [])\n\n  const close = useCallback(() => {\n    modalRef.current?.close()\n  }, [])\n\n  return useMemo(() => {\n    return {\n      modalRef,\n      show,\n      close,\n    }\n  }, [modalRef, show, close])\n}\n"],"mappings":";AAEA,SAAS,aAAa,SAAS,cAA8B;AAatD,SAAS,WAAgC;AAC9C,QAAM,WAAW,OAAiC,IAAI;AAEtD,QAAM,OAAO,YAAY,MAAM;AAlBjC;AAmBI,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAtBlC;AAuBI,mBAAS,YAAT,mBAAkB;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,SAAO,QAAQ,MAAM;AACnB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,KAAK,CAAC;AAC5B;","names":[]}

package/build/legacy/chunk-U72VPIZA.js

@@ -1,32 +0,0 @@
-import {
-  Show
-} from "./chunk-4O4QFF4S.js";
-import {
-  useTabsContext
-} from "./chunk-KF24CS4S.js";
-
-// src/components/TabPanel.tsx
-import { cx } from "@cerberus/styled-system/css";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-function TabPanel(props) {
-  const { tab, ...nativeProps } = props;
-  const { active, styles } = useTabsContext();
-  const isActive = useMemo(() => active === tab, [active, tab]);
-  return /* @__PURE__ */ jsx(Show, { when: isActive, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...nativeProps,
-      ...isActive && { tabIndex: 0 },
-      "aria-labelledby": tab,
-      className: cx(nativeProps.className, styles.tabPanel),
-      id: `panel:${tab}`,
-      role: "tabpanel"
-    }
-  ) });
-}
-
-export {
-  TabPanel
-};
-//# sourceMappingURL=chunk-U72VPIZA.js.map

package/build/legacy/chunk-U72VPIZA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/TabPanel.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@cerberus/styled-system/css'\nimport { useMemo, type HTMLAttributes } from 'react'\nimport { useTabsContext } from '../context/tabs'\nimport { Show } from './Show'\n\n/**\n * This module provides a TabPanel component.\n * @module\n */\n\nexport interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {\n  tab: string\n}\n\n/**\n * The TabPanel component provides a panel element to be used in a Tabs provider.\n * @param tab - the value of the tab that will be tracked as the active tab and used for aria attributes\n * @example\n * ```tsx\n * <TabPanel tab=\"overview\">\n *   Overview content\n * </TabPanel>\n * ```\n */\nexport function TabPanel(props: TabPanelProps) {\n  const { tab, ...nativeProps } = props\n  const { active, styles } = useTabsContext()\n  const isActive = useMemo(() => active === tab, [active, tab])\n\n  return (\n    <Show when={isActive}>\n      <div\n        {...nativeProps}\n        {...(isActive && { tabIndex: 0 })}\n        aria-labelledby={tab}\n        className={cx(nativeProps.className, styles.tabPanel)}\n        id={`panel:${tab}`}\n        role=\"tabpanel\"\n      />\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,UAAU;AACnB,SAAS,eAAoC;AA8BvC;AAPC,SAAS,SAAS,OAAsB;AAC7C,QAAM,EAAE,KAAK,GAAG,YAAY,IAAI;AAChC,QAAM,EAAE,QAAQ,OAAO,IAAI,eAAe;AAC1C,QAAM,WAAW,QAAQ,MAAM,WAAW,KAAK,CAAC,QAAQ,GAAG,CAAC;AAE5D,SACE,oBAAC,QAAK,MAAM,UACV;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,YAAY,EAAE,UAAU,EAAE;AAAA,MAC/B,mBAAiB;AAAA,MACjB,WAAW,GAAG,YAAY,WAAW,OAAO,QAAQ;AAAA,MACpD,IAAI,SAAS,GAAG;AAAA,MAChB,MAAK;AAAA;AAAA,EACP,GACF;AAEJ;","names":[]}

package/build/legacy/chunk-VGHVH2T3.js

@@ -1,24 +0,0 @@
-import {
-  useFieldContext
-} from "./chunk-ZAU4JVLL.js";
-
-// src/components/FieldMessage.tsx
-import { cx } from "@cerberus/styled-system/css";
-import { fieldMessage } from "@cerberus/styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function FieldMessage(props) {
-  const { invalid } = useFieldContext();
-  return /* @__PURE__ */ jsx(
-    "small",
-    {
-      ...props,
-      ...invalid && { "aria-invalid": true },
-      className: cx(props.className, fieldMessage())
-    }
-  );
-}
-
-export {
-  FieldMessage
-};
-//# sourceMappingURL=chunk-VGHVH2T3.js.map

package/build/legacy/chunk-VGHVH2T3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/FieldMessage.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes } from 'react'\nimport { cx, type RecipeVariantProps } from '@cerberus/styled-system/css'\nimport { fieldMessage } from '@cerberus/styled-system/recipes'\nimport { useFieldContext } from '../context/field'\n\n/**\n * This module contains the FieldMessage component.\n * @module\n */\n\nexport type FieldMessageRecipe = RecipeVariantProps<typeof fieldMessage>\nexport interface FieldMessageBaseProps\n  extends HTMLAttributes<HTMLParagraphElement> {\n  id: string\n}\nexport type FieldMessageProps = FieldMessageBaseProps & FieldMessageRecipe\n\n/**\n * A component that provides feedback about the field.\n * @description [FieldMessage Docs](https://cerberus.digitalu.design/react/field-message)\n * @example\n * ```tsx\n * <Field>\n *  <Label htmlFor=\"first_name\">First Name</Label>\n *  <Input aria-describedBy=\"help:first_name\" id=\"first_name\" type=\"text\" />\n *  <FieldMessage id=\"help:first_name\">\n *   This will only be used in your account information.\n *  </FieldMessage>\n * </Field>\n * ```\n */\nexport function FieldMessage(props: FieldMessageProps) {\n  const { invalid } = useFieldContext()\n  return (\n    <small\n      {...props}\n      {...(invalid && { 'aria-invalid': true })}\n      className={cx(props.className, fieldMessage())}\n    />\n  )\n}\n"],"mappings":";;;;;AAGA,SAAS,UAAmC;AAC5C,SAAS,oBAAoB;AAgCzB;AAHG,SAAS,aAAa,OAA0B;AACrD,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW,GAAG,MAAM,WAAW,aAAa,CAAC;AAAA;AAAA,EAC/C;AAEJ;","names":[]}

package/build/legacy/chunk-VULPMZUW.js

@@ -1,18 +0,0 @@
-import {
-  useFeatureFlags
-} from "./chunk-4M3EUP57.js";
-import {
-  Show
-} from "./chunk-4O4QFF4S.js";
-
-// src/components/FeatureFlag.tsx
-import { jsx } from "react/jsx-runtime";
-function FeatureFlag(props) {
-  const showContent = useFeatureFlags(props.flag);
-  return /* @__PURE__ */ jsx(Show, { when: showContent, children: props.children });
-}
-
-export {
-  FeatureFlag
-};
-//# sourceMappingURL=chunk-VULPMZUW.js.map

package/build/legacy/chunk-VULPMZUW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/FeatureFlag.tsx"],"sourcesContent":["'use client'\n\nimport type { PropsWithChildren } from 'react'\nimport { useFeatureFlags } from '../context/feature-flags'\nimport { Show } from './Show'\n\nexport interface FeatureFlagProps {\n  flag: string\n}\n\nexport function FeatureFlag(props: PropsWithChildren<FeatureFlagProps>) {\n  const showContent = useFeatureFlags(props.flag)\n  return <Show when={showContent}>{props.children}</Show>\n}\n"],"mappings":";;;;;;;;AAYS;AAFF,SAAS,YAAY,OAA4C;AACtE,QAAM,cAAc,gBAAgB,MAAM,IAAI;AAC9C,SAAO,oBAAC,QAAK,MAAM,aAAc,gBAAM,UAAS;AAClD;","names":[]}

package/build/legacy/chunk-XB4ZRAH4.js

@@ -1,42 +0,0 @@
-import {
-  useFieldContext
-} from "./chunk-ZAU4JVLL.js";
-import {
-  Show
-} from "./chunk-4O4QFF4S.js";
-import {
-  $cerberusIcons
-} from "./chunk-BEYPMC73.js";
-
-// src/components/Input.tsx
-import { input } from "@cerberus/styled-system/recipes";
-import { cx } from "@cerberus/styled-system/css";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Input(props) {
-  const { describedBy, size, startIcon, endIcon, ...nativeProps } = props;
-  const inputStyles = input({ size });
-  const { invalid, ...fieldStates } = useFieldContext();
-  const hasEndIcon = Boolean(endIcon);
-  const { invalid: InvalidIcon } = $cerberusIcons;
-  return /* @__PURE__ */ jsxs("div", { className: inputStyles.root, children: [
-    /* @__PURE__ */ jsx(Show, { when: Boolean(startIcon), children: /* @__PURE__ */ jsx("span", { className: inputStyles.startIcon, children: startIcon }) }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ...nativeProps,
-        ...fieldStates,
-        ...describedBy && { "aria-describedby": describedBy },
-        ...invalid && { "aria-invalid": true },
-        "data-start-icon": Boolean(startIcon),
-        className: cx("peer", nativeProps.className, inputStyles.input)
-      }
-    ),
-    /* @__PURE__ */ jsx(Show, { when: invalid, children: /* @__PURE__ */ jsx(InvalidIcon, { className: inputStyles.icon }) }),
-    /* @__PURE__ */ jsx(Show, { when: hasEndIcon && !invalid, children: /* @__PURE__ */ jsx("span", { className: inputStyles.icon, children: endIcon }) })
-  ] });
-}
-
-export {
-  Input
-};
-//# sourceMappingURL=chunk-XB4ZRAH4.js.map

package/build/legacy/chunk-XREC5IJE.js

@@ -1,24 +0,0 @@
-// src/components/Td.tsx
-import { cx } from "@cerberus/styled-system/css";
-import { td } from "@cerberus/styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function Td(props) {
-  const { size, ...nativeProps } = props;
-  return /* @__PURE__ */ jsx(
-    "td",
-    {
-      ...nativeProps,
-      className: cx(
-        nativeProps.className,
-        td({
-          size
-        })
-      )
-    }
-  );
-}
-
-export {
-  Td
-};
-//# sourceMappingURL=chunk-XREC5IJE.js.map

package/build/legacy/chunk-XREC5IJE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Td.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport { td, type TdVariantProps } from '@cerberus/styled-system/recipes'\nimport type { TableHTMLAttributes } from 'react'\n\n/**\n * Th component for the Td component\n * @module\n */\n\nexport type TdBaseProps = TableHTMLAttributes<HTMLTableCellElement>\nexport type TdProps = TdBaseProps & TdVariantProps\n\n/**\n * Styles for the Th component\n * @definition [Table docs](https://cerberus.digitalu.design/react/table)\n * @example\n * ```tsx\n * <Td>Data cell</Td>\n * ```\n */\nexport function Td(props: TdProps) {\n  const { size, ...nativeProps } = props\n  return (\n    <td\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        td({\n          size,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB,SAAS,UAA+B;AAsBpC;AAHG,SAAS,GAAG,OAAgB;AACjC,QAAM,EAAE,MAAM,GAAG,YAAY,IAAI;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,GAAG;AAAA,UACD;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/legacy/chunk-ZAU4JVLL.js

@@ -1,33 +0,0 @@
-// src/context/field.tsx
-import {
-  createContext,
-  useContext,
-  useMemo
-} from "react";
-import { jsx } from "react/jsx-runtime";
-var FieldContext = createContext(null);
-function Field(props) {
-  const value = useMemo(
-    () => ({
-      disabled: props.disabled,
-      readOnly: props.readOnly,
-      required: props.required,
-      invalid: props.invalid
-    }),
-    [props.disabled, props.readOnly, props.required, props.invalid]
-  );
-  return /* @__PURE__ */ jsx(FieldContext.Provider, { value, children: props.children });
-}
-function useFieldContext() {
-  const context = useContext(FieldContext);
-  if (!context) {
-    throw new Error("useFieldContext must be used within a Field Provider.");
-  }
-  return context;
-}
-
-export {
-  Field,
-  useFieldContext
-};
-//# sourceMappingURL=chunk-ZAU4JVLL.js.map

package/build/legacy/chunk-ZAU4JVLL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/context/field.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type PropsWithChildren,\n} from 'react'\n\nexport interface FieldContextValue {\n  disabled?: boolean\n  readOnly?: boolean\n  required?: boolean\n  invalid?: boolean\n}\n\nconst FieldContext = createContext<FieldContextValue | null>(null)\n\nexport function Field(\n  props: PropsWithChildren<FieldContextValue>,\n): JSX.Element {\n  const value = useMemo(\n    () => ({\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      required: props.required,\n      invalid: props.invalid,\n    }),\n    [props.disabled, props.readOnly, props.required, props.invalid],\n  )\n\n  return (\n    <FieldContext.Provider value={value}>\n      {props.children}\n    </FieldContext.Provider>\n  )\n}\n\nexport function useFieldContext(): FieldContextValue {\n  const context = useContext(FieldContext)\n  if (!context) {\n    throw new Error('useFieldContext must be used within a Field Provider.')\n  }\n  return context\n}\n"],"mappings":";AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAyBH;AAhBJ,IAAM,eAAe,cAAwC,IAAI;AAE1D,SAAS,MACd,OACa;AACb,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,SAAS,MAAM;AAAA,IACjB;AAAA,IACA,CAAC,MAAM,UAAU,MAAM,UAAU,MAAM,UAAU,MAAM,OAAO;AAAA,EAChE;AAEA,SACE,oBAAC,aAAa,UAAb,EAAsB,OACpB,gBAAM,UACT;AAEJ;AAEO,SAAS,kBAAqC;AACnD,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,uDAAuD;AAAA,EACzE;AACA,SAAO;AACT;","names":[]}

package/build/legacy/components/Button.js

@@ -1,7 +0,0 @@
-import {
-  Button
-} from "../chunk-6F34A7NZ.js";
-export {
-  Button
-};
-//# sourceMappingURL=Button.js.map

package/build/legacy/components/Droppable.js

@@ -1,8 +0,0 @@
-"use client";
-import {
-  Droppable
-} from "../chunk-7VJOPJVX.js";
-export {
-  Droppable
-};
-//# sourceMappingURL=Droppable.js.map

package/build/legacy/components/Droppable.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/FeatureFlag.js

@@ -1,10 +0,0 @@
-"use client";
-import {
-  FeatureFlag
-} from "../chunk-VULPMZUW.js";
-import "../chunk-4M3EUP57.js";
-import "../chunk-4O4QFF4S.js";
-export {
-  FeatureFlag
-};
-//# sourceMappingURL=FeatureFlag.js.map

package/build/legacy/components/FeatureFlag.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/FieldMessage.js

@@ -1,9 +0,0 @@
-"use client";
-import {
-  FieldMessage
-} from "../chunk-VGHVH2T3.js";
-import "../chunk-ZAU4JVLL.js";
-export {
-  FieldMessage
-};
-//# sourceMappingURL=FieldMessage.js.map

package/build/legacy/components/FieldMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/FileUploader.js

@@ -1,11 +0,0 @@
-"use client";
-import {
-  FileUploader
-} from "../chunk-SMCEFK6Q.js";
-import "../chunk-4O4QFF4S.js";
-import "../chunk-BEYPMC73.js";
-import "../chunk-GVNPFXKL.js";
-export {
-  FileUploader
-};
-//# sourceMappingURL=FileUploader.js.map

package/build/legacy/components/FileUploader.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/IconButton.js

@@ -1,7 +0,0 @@
-import {
-  IconButton
-} from "../chunk-SLHX5K6I.js";
-export {
-  IconButton
-};
-//# sourceMappingURL=IconButton.js.map

package/build/legacy/components/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/Input.js

@@ -1,12 +0,0 @@
-"use client";
-import {
-  Input
-} from "../chunk-XB4ZRAH4.js";
-import "../chunk-ZAU4JVLL.js";
-import "../chunk-4O4QFF4S.js";
-import "../chunk-BEYPMC73.js";
-import "../chunk-GVNPFXKL.js";
-export {
-  Input
-};
-//# sourceMappingURL=Input.js.map

package/build/legacy/components/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/Label.js

@@ -1,10 +0,0 @@
-"use client";
-import {
-  Label
-} from "../chunk-JJGZRBIR.js";
-import "../chunk-ZAU4JVLL.js";
-import "../chunk-4O4QFF4S.js";
-export {
-  Label
-};
-//# sourceMappingURL=Label.js.map

package/build/legacy/components/Label.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/Modal.js

@@ -1,7 +0,0 @@
-import {
-  Modal
-} from "../chunk-2UFNQM55.js";
-export {
-  Modal
-};
-//# sourceMappingURL=Modal.js.map

package/build/legacy/components/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/ModalDescription.js

@@ -1,7 +0,0 @@
-import {
-  ModalDescription
-} from "../chunk-4M4LCQ43.js";
-export {
-  ModalDescription
-};
-//# sourceMappingURL=ModalDescription.js.map

package/build/legacy/components/ModalDescription.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/ModalHeader.js

@@ -1,7 +0,0 @@
-import {
-  ModalHeader
-} from "../chunk-QU7UV5DB.js";
-export {
-  ModalHeader
-};
-//# sourceMappingURL=ModalHeader.js.map

package/build/legacy/components/ModalHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/ModalHeading.js

@@ -1,7 +0,0 @@
-import {
-  ModalHeading
-} from "../chunk-JB7IQ2BM.js";
-export {
-  ModalHeading
-};
-//# sourceMappingURL=ModalHeading.js.map

package/build/legacy/components/ModalHeading.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/ModalIcon.js

@@ -1,7 +0,0 @@
-import {
-  ModalIcon
-} from "../chunk-JJP2TFTU.js";
-export {
-  ModalIcon
-};
-//# sourceMappingURL=ModalIcon.js.map

package/build/legacy/components/ModalIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/NavMenuLink.js

@@ -1,8 +0,0 @@
-import {
-  NavMenuLink
-} from "../chunk-6DIGPXAD.js";
-import "../chunk-4O4QFF4S.js";
-export {
-  NavMenuLink
-};
-//# sourceMappingURL=NavMenuLink.js.map

package/build/legacy/components/NavMenuLink.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/NavMenuList.js

@@ -1,12 +0,0 @@
-"use client";
-import {
-  NavMenuList,
-  getPosition
-} from "../chunk-PMCYXRAH.js";
-import "../chunk-KJUCHZHV.js";
-import "../chunk-4O4QFF4S.js";
-export {
-  NavMenuList,
-  getPosition
-};
-//# sourceMappingURL=NavMenuList.js.map

package/build/legacy/components/NavMenuList.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/NavMenuTrigger.js

@@ -1,11 +0,0 @@
-"use client";
-import {
-  NavMenuTrigger
-} from "../chunk-RPZAPUCF.js";
-import "../chunk-KJUCHZHV.js";
-import "../chunk-4O4QFF4S.js";
-import "../chunk-JF76VIL3.js";
-export {
-  NavMenuTrigger
-};
-//# sourceMappingURL=NavMenuTrigger.js.map

package/build/legacy/components/NavMenuTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/Notification.js

@@ -1,11 +0,0 @@
-"use client";
-import {
-  Notification
-} from "../chunk-LF2QFS5S.js";
-import "../chunk-KESKDLX6.js";
-import "../chunk-BEYPMC73.js";
-import "../chunk-GVNPFXKL.js";
-export {
-  Notification
-};
-//# sourceMappingURL=Notification.js.map

package/build/legacy/components/Notification.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/NotificationDescription.js

@@ -1,7 +0,0 @@
-import {
-  NotificationDescription
-} from "../chunk-HW76XVA3.js";
-export {
-  NotificationDescription
-};
-//# sourceMappingURL=NotificationDescription.js.map

package/build/legacy/components/NotificationDescription.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/legacy/components/NotificationHeading.js

@@ -1,7 +0,0 @@
-import {
-  NotificationHeading
-} from "../chunk-3C2DJSEE.js";
-export {
-  NotificationHeading
-};
-//# sourceMappingURL=NotificationHeading.js.map

package/build/legacy/components/NotificationHeading.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}