@helpwave/hightide 0.1.45 → 0.1.47

package/dist/components/form/FormElementWrapper.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/form/FormElementWrapper.tsx","../../../src/components/user-action/Label.tsx","../../../src/hooks/useOverwritableState.ts","../../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport { useId } from 'react'\nimport { clsx } from 'clsx'\nimport type { BagFunction } from '@/src/utils/bagFunctions'\nimport type { LabelProps } from '@/src/components/user-action/Label'\nimport { Label } from '@/src/components/user-action/Label'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\ntype ErrorShowBehaviour = 'always' | 'whenTouched'\n\ntype FormElementHTMLProperties = Pick<HTMLAttributes<HTMLElement>, 'id' | 'aria-labelledby' | 'aria-describedby' | 'aria-disabled' | 'aria-invalid' | 'aria-errormessage' | 'aria-required'>\n\nexport type FormElementStateProperties = {\n  invalid: boolean,\n  disabled: boolean,\n}\n\ntype FormElementWrapperBag = FormElementHTMLProperties & FormElementStateProperties & {\n  required: boolean,\n  isShowingError: boolean,\n  setIsShowingError: (isShowingError?: boolean) => void,\n}\n\nexport type FormElementWrapperProps = {\n  children: BagFunction<FormElementWrapperBag>,\n  id?: string,\n  required?: boolean,\n  disabled?: boolean,\n  isShowingError?: boolean,\n  onIsShowingError?: (isTouched: boolean) => void,\n  label?: ReactNode,\n  labelProps?: Omit<LabelProps, 'children'>,\n  errorShowBehaviour?: ErrorShowBehaviour,\n  error?: ReactNode,\n  errorProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>,\n  description?: ReactNode,\n  descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>,\n  containerClassName?: string,\n}\n\nexport const FormElementWrapper = ({\n                                     children,\n                                     id,\n                                     required = false,\n                                     disabled = false,\n                                     isShowingError: initialIsShowingError = false,\n                                     onIsShowingError,\n                                     label,\n                                     labelProps,\n                                     errorShowBehaviour = 'whenTouched',\n                                     error,\n                                     errorProps,\n                                     description,\n                                     descriptionProps,\n                                     containerClassName,\n                                   }: FormElementWrapperProps) => {\n  const [touched, setTouched] = useOverwritableState(initialIsShowingError, onIsShowingError)\n  const generatedId = useId()\n  const usedId = id ?? generatedId\n\n  const errorId = `${usedId}-description`\n  const labelId = `${usedId}-label`\n  const descriptionId = `${usedId}-description`\n\n  const describedBy: string = [\n    description ? descriptionId : undefined,\n    error ? errorId : undefined,\n  ].filter(Boolean).join(' ')\n\n  const labelledBy = label ? `${usedId}-label` : undefined\n\n  const isShowingError = errorShowBehaviour === 'always' || (touched)\n\n  const bag: FormElementWrapperBag = {\n    'isShowingError': touched,\n    'setIsShowingError': (isTouched) => {\n      const newValue = isTouched ?? true\n      setTouched(newValue)\n      onIsShowingError?.(isTouched)\n    },\n    'disabled': disabled,\n    'invalid': !!error && isShowingError,\n    'required': required,\n    'id': usedId,\n    'aria-required': required,\n    'aria-disabled': disabled,\n    'aria-describedby': describedBy,\n    'aria-labelledby': labelledBy,\n    'aria-invalid': !!error,\n    'aria-errormessage': error ? errorId : undefined,\n  }\n\n  return (\n    <div className={clsx('relative flex flex-col gap-y-1', containerClassName)}>\n      {label && (\n        <Label\n          {...labelProps}\n          id={labelId}\n          htmlFor={usedId}\n          size=\"lg\"\n          className={clsx('flex-row-1 items-start', labelProps?.className)}\n        >\n          {label}\n          {required && <div role=\"none\" className=\"bg-primary w-2 h-2 rounded-full\"/>}\n        </Label>\n      )}\n      {description && (\n        <p\n          {...descriptionProps}\n          id={descriptionId}\n          className={clsx('text-description text-sm', descriptionProps?.className)}\n        >\n          {description}\n        </p>\n      )}\n      {children(bag)}\n      {error && isShowingError && (\n        <p\n          {...errorProps}\n          id={errorId}\n          className={clsx('absolute top-[calc(100%_+_0.25rem)] left-0 text-negative text-sm font-medium', errorProps?.className)}\n          role=\"alert\"\n          aria-hidden={!error}\n          aria-live=\"polite\"\n        >\n          {error}\n        </p>\n      )}\n    </div>\n  )\n}","import clsx from 'clsx'\nimport type { LabelHTMLAttributes } from 'react'\n\nexport type LabelType = 'md' | 'lg'\n\nconst styleMapping: Record<LabelType, string> = {\n  md: 'typography-label-md color-label-text',\n  lg: 'typography-label-lg color-label-text',\n}\n\nexport type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {\n  /** The size of the label */\n  size?: LabelType,\n}\n\n/**\n * A Label component\n */\nexport const Label = ({\n                        children,\n                        size = 'md',\n                        className,\n                        ...props\n                      }: LabelProps) => {\n  return (\n    <label {...props} className={clsx(styleMapping[size], className)}>\n      {children}\n    </label>\n  )\n}\n","import type React from 'react'\nimport { useEffect, useState } from 'react'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\nexport const useOverwritableState = <T>(initialValue?: T, onChange?: (value: T) => void): [T, React.Dispatch<React.SetStateAction<T>>] => {\n  const [state, setState] = useState<T>(initialValue)\n\n  useEffect(() => {\n    setState(initialValue)\n  }, [initialValue])\n\n  const onChangeWrapper: React.Dispatch<React.SetStateAction<T>> = (action) => {\n    const resolved = resolveSetState(action, state)\n    setState(resolved)\n    onChange?.(state)\n  }\n\n  return [state, onChangeWrapper]\n}","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["import_react","import_clsx","clsx","import_jsx_runtime"]}

package/dist/components/form/FormElementWrapper.d.cts

@@ -1,35 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes, ReactNode } from 'react';
-import { BagFunction } from '../../utils/bagFunctions.cjs';
-import { LabelProps } from '../user-action/Label.cjs';
-
-type ErrorShowBehaviour = 'always' | 'whenTouched';
-type FormElementHTMLProperties = Pick<HTMLAttributes<HTMLElement>, 'id' | 'aria-labelledby' | 'aria-describedby' | 'aria-disabled' | 'aria-invalid' | 'aria-errormessage' | 'aria-required'>;
-type FormElementStateProperties = {
-    invalid: boolean;
-    disabled: boolean;
-};
-type FormElementWrapperBag = FormElementHTMLProperties & FormElementStateProperties & {
-    required: boolean;
-    isShowingError: boolean;
-    setIsShowingError: (isShowingError?: boolean) => void;
-};
-type FormElementWrapperProps = {
-    children: BagFunction<FormElementWrapperBag>;
-    id?: string;
-    required?: boolean;
-    disabled?: boolean;
-    isShowingError?: boolean;
-    onIsShowingError?: (isTouched: boolean) => void;
-    label?: ReactNode;
-    labelProps?: Omit<LabelProps, 'children'>;
-    errorShowBehaviour?: ErrorShowBehaviour;
-    error?: ReactNode;
-    errorProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>;
-    description?: ReactNode;
-    descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>;
-    containerClassName?: string;
-};
-declare const FormElementWrapper: ({ children, id, required, disabled, isShowingError: initialIsShowingError, onIsShowingError, label, labelProps, errorShowBehaviour, error, errorProps, description, descriptionProps, containerClassName, }: FormElementWrapperProps) => react_jsx_runtime.JSX.Element;
-
-export { type FormElementStateProperties, FormElementWrapper, type FormElementWrapperProps };

package/dist/components/form/FormElementWrapper.d.ts

@@ -1,35 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes, ReactNode } from 'react';
-import { BagFunction } from '../../utils/bagFunctions.js';
-import { LabelProps } from '../user-action/Label.js';
-
-type ErrorShowBehaviour = 'always' | 'whenTouched';
-type FormElementHTMLProperties = Pick<HTMLAttributes<HTMLElement>, 'id' | 'aria-labelledby' | 'aria-describedby' | 'aria-disabled' | 'aria-invalid' | 'aria-errormessage' | 'aria-required'>;
-type FormElementStateProperties = {
-    invalid: boolean;
-    disabled: boolean;
-};
-type FormElementWrapperBag = FormElementHTMLProperties & FormElementStateProperties & {
-    required: boolean;
-    isShowingError: boolean;
-    setIsShowingError: (isShowingError?: boolean) => void;
-};
-type FormElementWrapperProps = {
-    children: BagFunction<FormElementWrapperBag>;
-    id?: string;
-    required?: boolean;
-    disabled?: boolean;
-    isShowingError?: boolean;
-    onIsShowingError?: (isTouched: boolean) => void;
-    label?: ReactNode;
-    labelProps?: Omit<LabelProps, 'children'>;
-    errorShowBehaviour?: ErrorShowBehaviour;
-    error?: ReactNode;
-    errorProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>;
-    description?: ReactNode;
-    descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>;
-    containerClassName?: string;
-};
-declare const FormElementWrapper: ({ children, id, required, disabled, isShowingError: initialIsShowingError, onIsShowingError, label, labelProps, errorShowBehaviour, error, errorProps, description, descriptionProps, containerClassName, }: FormElementWrapperProps) => react_jsx_runtime.JSX.Element;
-
-export { type FormElementStateProperties, FormElementWrapper, type FormElementWrapperProps };

package/dist/components/form/FormElementWrapper.js

@@ -1,133 +0,0 @@
-// src/components/form/FormElementWrapper.tsx
-import { useId } from "react";
-import { clsx as clsx2 } from "clsx";
-
-// src/components/user-action/Label.tsx
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-var styleMapping = {
-  md: "typography-label-md color-label-text",
-  lg: "typography-label-lg color-label-text"
-};
-var Label = ({
-  children,
-  size = "md",
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx("label", { ...props, className: clsx(styleMapping[size], className), children });
-};
-
-// src/hooks/useOverwritableState.ts
-import { useEffect, useState } from "react";
-
-// src/utils/resolveSetState.ts
-function resolveSetState(action, prev) {
-  return typeof action === "function" ? action(prev) : action;
-}
-
-// src/hooks/useOverwritableState.ts
-var useOverwritableState = (initialValue, onChange) => {
-  const [state, setState] = useState(initialValue);
-  useEffect(() => {
-    setState(initialValue);
-  }, [initialValue]);
-  const onChangeWrapper = (action) => {
-    const resolved = resolveSetState(action, state);
-    setState(resolved);
-    onChange?.(state);
-  };
-  return [state, onChangeWrapper];
-};
-
-// src/components/form/FormElementWrapper.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var FormElementWrapper = ({
-  children,
-  id,
-  required = false,
-  disabled = false,
-  isShowingError: initialIsShowingError = false,
-  onIsShowingError,
-  label,
-  labelProps,
-  errorShowBehaviour = "whenTouched",
-  error,
-  errorProps,
-  description,
-  descriptionProps,
-  containerClassName
-}) => {
-  const [touched, setTouched] = useOverwritableState(initialIsShowingError, onIsShowingError);
-  const generatedId = useId();
-  const usedId = id ?? generatedId;
-  const errorId = `${usedId}-description`;
-  const labelId = `${usedId}-label`;
-  const descriptionId = `${usedId}-description`;
-  const describedBy = [
-    description ? descriptionId : void 0,
-    error ? errorId : void 0
-  ].filter(Boolean).join(" ");
-  const labelledBy = label ? `${usedId}-label` : void 0;
-  const isShowingError = errorShowBehaviour === "always" || touched;
-  const bag = {
-    "isShowingError": touched,
-    "setIsShowingError": (isTouched) => {
-      const newValue = isTouched ?? true;
-      setTouched(newValue);
-      onIsShowingError?.(isTouched);
-    },
-    "disabled": disabled,
-    "invalid": !!error && isShowingError,
-    "required": required,
-    "id": usedId,
-    "aria-required": required,
-    "aria-disabled": disabled,
-    "aria-describedby": describedBy,
-    "aria-labelledby": labelledBy,
-    "aria-invalid": !!error,
-    "aria-errormessage": error ? errorId : void 0
-  };
-  return /* @__PURE__ */ jsxs("div", { className: clsx2("relative flex flex-col gap-y-1", containerClassName), children: [
-    label && /* @__PURE__ */ jsxs(
-      Label,
-      {
-        ...labelProps,
-        id: labelId,
-        htmlFor: usedId,
-        size: "lg",
-        className: clsx2("flex-row-1 items-start", labelProps?.className),
-        children: [
-          label,
-          required && /* @__PURE__ */ jsx2("div", { role: "none", className: "bg-primary w-2 h-2 rounded-full" })
-        ]
-      }
-    ),
-    description && /* @__PURE__ */ jsx2(
-      "p",
-      {
-        ...descriptionProps,
-        id: descriptionId,
-        className: clsx2("text-description text-sm", descriptionProps?.className),
-        children: description
-      }
-    ),
-    children(bag),
-    error && isShowingError && /* @__PURE__ */ jsx2(
-      "p",
-      {
-        ...errorProps,
-        id: errorId,
-        className: clsx2("absolute top-[calc(100%_+_0.25rem)] left-0 text-negative text-sm font-medium", errorProps?.className),
-        role: "alert",
-        "aria-hidden": !error,
-        "aria-live": "polite",
-        children: error
-      }
-    )
-  ] });
-};
-export {
-  FormElementWrapper
-};
-//# sourceMappingURL=FormElementWrapper.js.map

package/dist/components/form/FormElementWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/form/FormElementWrapper.tsx","../../../src/components/user-action/Label.tsx","../../../src/hooks/useOverwritableState.ts","../../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport { useId } from 'react'\nimport { clsx } from 'clsx'\nimport type { BagFunction } from '@/src/utils/bagFunctions'\nimport type { LabelProps } from '@/src/components/user-action/Label'\nimport { Label } from '@/src/components/user-action/Label'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\ntype ErrorShowBehaviour = 'always' | 'whenTouched'\n\ntype FormElementHTMLProperties = Pick<HTMLAttributes<HTMLElement>, 'id' | 'aria-labelledby' | 'aria-describedby' | 'aria-disabled' | 'aria-invalid' | 'aria-errormessage' | 'aria-required'>\n\nexport type FormElementStateProperties = {\n  invalid: boolean,\n  disabled: boolean,\n}\n\ntype FormElementWrapperBag = FormElementHTMLProperties & FormElementStateProperties & {\n  required: boolean,\n  isShowingError: boolean,\n  setIsShowingError: (isShowingError?: boolean) => void,\n}\n\nexport type FormElementWrapperProps = {\n  children: BagFunction<FormElementWrapperBag>,\n  id?: string,\n  required?: boolean,\n  disabled?: boolean,\n  isShowingError?: boolean,\n  onIsShowingError?: (isTouched: boolean) => void,\n  label?: ReactNode,\n  labelProps?: Omit<LabelProps, 'children'>,\n  errorShowBehaviour?: ErrorShowBehaviour,\n  error?: ReactNode,\n  errorProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>,\n  description?: ReactNode,\n  descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>,\n  containerClassName?: string,\n}\n\nexport const FormElementWrapper = ({\n                                     children,\n                                     id,\n                                     required = false,\n                                     disabled = false,\n                                     isShowingError: initialIsShowingError = false,\n                                     onIsShowingError,\n                                     label,\n                                     labelProps,\n                                     errorShowBehaviour = 'whenTouched',\n                                     error,\n                                     errorProps,\n                                     description,\n                                     descriptionProps,\n                                     containerClassName,\n                                   }: FormElementWrapperProps) => {\n  const [touched, setTouched] = useOverwritableState(initialIsShowingError, onIsShowingError)\n  const generatedId = useId()\n  const usedId = id ?? generatedId\n\n  const errorId = `${usedId}-description`\n  const labelId = `${usedId}-label`\n  const descriptionId = `${usedId}-description`\n\n  const describedBy: string = [\n    description ? descriptionId : undefined,\n    error ? errorId : undefined,\n  ].filter(Boolean).join(' ')\n\n  const labelledBy = label ? `${usedId}-label` : undefined\n\n  const isShowingError = errorShowBehaviour === 'always' || (touched)\n\n  const bag: FormElementWrapperBag = {\n    'isShowingError': touched,\n    'setIsShowingError': (isTouched) => {\n      const newValue = isTouched ?? true\n      setTouched(newValue)\n      onIsShowingError?.(isTouched)\n    },\n    'disabled': disabled,\n    'invalid': !!error && isShowingError,\n    'required': required,\n    'id': usedId,\n    'aria-required': required,\n    'aria-disabled': disabled,\n    'aria-describedby': describedBy,\n    'aria-labelledby': labelledBy,\n    'aria-invalid': !!error,\n    'aria-errormessage': error ? errorId : undefined,\n  }\n\n  return (\n    <div className={clsx('relative flex flex-col gap-y-1', containerClassName)}>\n      {label && (\n        <Label\n          {...labelProps}\n          id={labelId}\n          htmlFor={usedId}\n          size=\"lg\"\n          className={clsx('flex-row-1 items-start', labelProps?.className)}\n        >\n          {label}\n          {required && <div role=\"none\" className=\"bg-primary w-2 h-2 rounded-full\"/>}\n        </Label>\n      )}\n      {description && (\n        <p\n          {...descriptionProps}\n          id={descriptionId}\n          className={clsx('text-description text-sm', descriptionProps?.className)}\n        >\n          {description}\n        </p>\n      )}\n      {children(bag)}\n      {error && isShowingError && (\n        <p\n          {...errorProps}\n          id={errorId}\n          className={clsx('absolute top-[calc(100%_+_0.25rem)] left-0 text-negative text-sm font-medium', errorProps?.className)}\n          role=\"alert\"\n          aria-hidden={!error}\n          aria-live=\"polite\"\n        >\n          {error}\n        </p>\n      )}\n    </div>\n  )\n}","import clsx from 'clsx'\nimport type { LabelHTMLAttributes } from 'react'\n\nexport type LabelType = 'md' | 'lg'\n\nconst styleMapping: Record<LabelType, string> = {\n  md: 'typography-label-md color-label-text',\n  lg: 'typography-label-lg color-label-text',\n}\n\nexport type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {\n  /** The size of the label */\n  size?: LabelType,\n}\n\n/**\n * A Label component\n */\nexport const Label = ({\n                        children,\n                        size = 'md',\n                        className,\n                        ...props\n                      }: LabelProps) => {\n  return (\n    <label {...props} className={clsx(styleMapping[size], className)}>\n      {children}\n    </label>\n  )\n}\n","import type React from 'react'\nimport { useEffect, useState } from 'react'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\nexport const useOverwritableState = <T>(initialValue?: T, onChange?: (value: T) => void): [T, React.Dispatch<React.SetStateAction<T>>] => {\n  const [state, setState] = useState<T>(initialValue)\n\n  useEffect(() => {\n    setState(initialValue)\n  }, [initialValue])\n\n  const onChangeWrapper: React.Dispatch<React.SetStateAction<T>> = (action) => {\n    const resolved = resolveSetState(action, state)\n    setState(resolved)\n    onChange?.(state)\n  }\n\n  return [state, onChangeWrapper]\n}","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":";AACA,SAAS,aAAa;AACtB,SAAS,QAAAA,aAAY;;;ACFrB,OAAO,UAAU;AAyBb;AApBJ,IAAM,eAA0C;AAAA,EAC9C,IAAI;AAAA,EACJ,IAAI;AACN;AAUO,IAAM,QAAQ,CAAC;AAAA,EACE;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MAAkB;AACtC,SACE,oBAAC,WAAO,GAAG,OAAO,WAAW,KAAK,aAAa,IAAI,GAAG,SAAS,GAC5D,UACH;AAEJ;;;AC5BA,SAAS,WAAW,gBAAgB;;;ACC7B,SAAS,gBAAmB,QAA2B,MAAY;AACxE,SAAO,OAAO,WAAW,aAAc,OAA0B,IAAI,IAAI;AAC3E;;;ADAO,IAAM,uBAAuB,CAAI,cAAkB,aAAgF;AACxI,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAY,YAAY;AAElD,YAAU,MAAM;AACd,aAAS,YAAY;AAAA,EACvB,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,kBAA2D,CAAC,WAAW;AAC3E,UAAM,WAAW,gBAAgB,QAAQ,KAAK;AAC9C,aAAS,QAAQ;AACjB,eAAW,KAAK;AAAA,EAClB;AAEA,SAAO,CAAC,OAAO,eAAe;AAChC;;;AF6EQ,SAQe,OAAAC,MARf;AAvDD,IAAM,qBAAqB,CAAC;AAAA,EACE;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,gBAAgB,wBAAwB;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+B;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,qBAAqB,uBAAuB,gBAAgB;AAC1F,QAAM,cAAc,MAAM;AAC1B,QAAM,SAAS,MAAM;AAErB,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,UAAU,GAAG,MAAM;AACzB,QAAM,gBAAgB,GAAG,MAAM;AAE/B,QAAM,cAAsB;AAAA,IAC1B,cAAc,gBAAgB;AAAA,IAC9B,QAAQ,UAAU;AAAA,EACpB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,QAAM,aAAa,QAAQ,GAAG,MAAM,WAAW;AAE/C,QAAM,iBAAiB,uBAAuB,YAAa;AAE3D,QAAM,MAA6B;AAAA,IACjC,kBAAkB;AAAA,IAClB,qBAAqB,CAAC,cAAc;AAClC,YAAM,WAAW,aAAa;AAC9B,iBAAW,QAAQ;AACnB,yBAAmB,SAAS;AAAA,IAC9B;AAAA,IACA,YAAY;AAAA,IACZ,WAAW,CAAC,CAAC,SAAS;AAAA,IACtB,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,IACpB,mBAAmB;AAAA,IACnB,gBAAgB,CAAC,CAAC;AAAA,IAClB,qBAAqB,QAAQ,UAAU;AAAA,EACzC;AAEA,SACE,qBAAC,SAAI,WAAWC,MAAK,kCAAkC,kBAAkB,GACtE;AAAA,aACC;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,MAAK;AAAA,QACL,WAAWA,MAAK,0BAA0B,YAAY,SAAS;AAAA,QAE9D;AAAA;AAAA,UACA,YAAY,gBAAAD,KAAC,SAAI,MAAK,QAAO,WAAU,mCAAiC;AAAA;AAAA;AAAA,IAC3E;AAAA,IAED,eACC,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,IAAI;AAAA,QACJ,WAAWC,MAAK,4BAA4B,kBAAkB,SAAS;AAAA,QAEtE;AAAA;AAAA,IACH;AAAA,IAED,SAAS,GAAG;AAAA,IACZ,SAAS,kBACR,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,IAAI;AAAA,QACJ,WAAWC,MAAK,gFAAgF,YAAY,SAAS;AAAA,QACrH,MAAK;AAAA,QACL,eAAa,CAAC;AAAA,QACd,aAAU;AAAA,QAET;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;","names":["clsx","jsx","clsx"]}

package/dist/components/form/index.cjs

@@ -1,169 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/form/index.ts
-var form_exports = {};
-__export(form_exports, {
-  FormElementWrapper: () => FormElementWrapper
-});
-module.exports = __toCommonJS(form_exports);
-
-// src/components/form/FormElementWrapper.tsx
-var import_react2 = require("react");
-var import_clsx2 = require("clsx");
-
-// src/components/user-action/Label.tsx
-var import_clsx = __toESM(require("clsx"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-var styleMapping = {
-  md: "typography-label-md color-label-text",
-  lg: "typography-label-lg color-label-text"
-};
-var Label = ({
-  children,
-  size = "md",
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { ...props, className: (0, import_clsx.default)(styleMapping[size], className), children });
-};
-
-// src/hooks/useOverwritableState.ts
-var import_react = require("react");
-
-// src/utils/resolveSetState.ts
-function resolveSetState(action, prev) {
-  return typeof action === "function" ? action(prev) : action;
-}
-
-// src/hooks/useOverwritableState.ts
-var useOverwritableState = (initialValue, onChange) => {
-  const [state, setState] = (0, import_react.useState)(initialValue);
-  (0, import_react.useEffect)(() => {
-    setState(initialValue);
-  }, [initialValue]);
-  const onChangeWrapper = (action) => {
-    const resolved = resolveSetState(action, state);
-    setState(resolved);
-    onChange?.(state);
-  };
-  return [state, onChangeWrapper];
-};
-
-// src/components/form/FormElementWrapper.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var FormElementWrapper = ({
-  children,
-  id,
-  required = false,
-  disabled = false,
-  isShowingError: initialIsShowingError = false,
-  onIsShowingError,
-  label,
-  labelProps,
-  errorShowBehaviour = "whenTouched",
-  error,
-  errorProps,
-  description,
-  descriptionProps,
-  containerClassName
-}) => {
-  const [touched, setTouched] = useOverwritableState(initialIsShowingError, onIsShowingError);
-  const generatedId = (0, import_react2.useId)();
-  const usedId = id ?? generatedId;
-  const errorId = `${usedId}-description`;
-  const labelId = `${usedId}-label`;
-  const descriptionId = `${usedId}-description`;
-  const describedBy = [
-    description ? descriptionId : void 0,
-    error ? errorId : void 0
-  ].filter(Boolean).join(" ");
-  const labelledBy = label ? `${usedId}-label` : void 0;
-  const isShowingError = errorShowBehaviour === "always" || touched;
-  const bag = {
-    "isShowingError": touched,
-    "setIsShowingError": (isTouched) => {
-      const newValue = isTouched ?? true;
-      setTouched(newValue);
-      onIsShowingError?.(isTouched);
-    },
-    "disabled": disabled,
-    "invalid": !!error && isShowingError,
-    "required": required,
-    "id": usedId,
-    "aria-required": required,
-    "aria-disabled": disabled,
-    "aria-describedby": describedBy,
-    "aria-labelledby": labelledBy,
-    "aria-invalid": !!error,
-    "aria-errormessage": error ? errorId : void 0
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_clsx2.clsx)("relative flex flex-col gap-y-1", containerClassName), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      Label,
-      {
-        ...labelProps,
-        id: labelId,
-        htmlFor: usedId,
-        size: "lg",
-        className: (0, import_clsx2.clsx)("flex-row-1 items-start", labelProps?.className),
-        children: [
-          label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { role: "none", className: "bg-primary w-2 h-2 rounded-full" })
-        ]
-      }
-    ),
-    description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "p",
-      {
-        ...descriptionProps,
-        id: descriptionId,
-        className: (0, import_clsx2.clsx)("text-description text-sm", descriptionProps?.className),
-        children: description
-      }
-    ),
-    children(bag),
-    error && isShowingError && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "p",
-      {
-        ...errorProps,
-        id: errorId,
-        className: (0, import_clsx2.clsx)("absolute top-[calc(100%_+_0.25rem)] left-0 text-negative text-sm font-medium", errorProps?.className),
-        role: "alert",
-        "aria-hidden": !error,
-        "aria-live": "polite",
-        children: error
-      }
-    )
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FormElementWrapper
-});
-//# sourceMappingURL=index.cjs.map

package/dist/components/form/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/form/index.ts","../../../src/components/form/FormElementWrapper.tsx","../../../src/components/user-action/Label.tsx","../../../src/hooks/useOverwritableState.ts","../../../src/utils/resolveSetState.ts"],"sourcesContent":["export * from './FormElementWrapper'\n","import type { HTMLAttributes, ReactNode } from 'react'\nimport { useId } from 'react'\nimport { clsx } from 'clsx'\nimport type { BagFunction } from '@/src/utils/bagFunctions'\nimport type { LabelProps } from '@/src/components/user-action/Label'\nimport { Label } from '@/src/components/user-action/Label'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\ntype ErrorShowBehaviour = 'always' | 'whenTouched'\n\ntype FormElementHTMLProperties = Pick<HTMLAttributes<HTMLElement>, 'id' | 'aria-labelledby' | 'aria-describedby' | 'aria-disabled' | 'aria-invalid' | 'aria-errormessage' | 'aria-required'>\n\nexport type FormElementStateProperties = {\n  invalid: boolean,\n  disabled: boolean,\n}\n\ntype FormElementWrapperBag = FormElementHTMLProperties & FormElementStateProperties & {\n  required: boolean,\n  isShowingError: boolean,\n  setIsShowingError: (isShowingError?: boolean) => void,\n}\n\nexport type FormElementWrapperProps = {\n  children: BagFunction<FormElementWrapperBag>,\n  id?: string,\n  required?: boolean,\n  disabled?: boolean,\n  isShowingError?: boolean,\n  onIsShowingError?: (isTouched: boolean) => void,\n  label?: ReactNode,\n  labelProps?: Omit<LabelProps, 'children'>,\n  errorShowBehaviour?: ErrorShowBehaviour,\n  error?: ReactNode,\n  errorProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>,\n  description?: ReactNode,\n  descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>,\n  containerClassName?: string,\n}\n\nexport const FormElementWrapper = ({\n                                     children,\n                                     id,\n                                     required = false,\n                                     disabled = false,\n                                     isShowingError: initialIsShowingError = false,\n                                     onIsShowingError,\n                                     label,\n                                     labelProps,\n                                     errorShowBehaviour = 'whenTouched',\n                                     error,\n                                     errorProps,\n                                     description,\n                                     descriptionProps,\n                                     containerClassName,\n                                   }: FormElementWrapperProps) => {\n  const [touched, setTouched] = useOverwritableState(initialIsShowingError, onIsShowingError)\n  const generatedId = useId()\n  const usedId = id ?? generatedId\n\n  const errorId = `${usedId}-description`\n  const labelId = `${usedId}-label`\n  const descriptionId = `${usedId}-description`\n\n  const describedBy: string = [\n    description ? descriptionId : undefined,\n    error ? errorId : undefined,\n  ].filter(Boolean).join(' ')\n\n  const labelledBy = label ? `${usedId}-label` : undefined\n\n  const isShowingError = errorShowBehaviour === 'always' || (touched)\n\n  const bag: FormElementWrapperBag = {\n    'isShowingError': touched,\n    'setIsShowingError': (isTouched) => {\n      const newValue = isTouched ?? true\n      setTouched(newValue)\n      onIsShowingError?.(isTouched)\n    },\n    'disabled': disabled,\n    'invalid': !!error && isShowingError,\n    'required': required,\n    'id': usedId,\n    'aria-required': required,\n    'aria-disabled': disabled,\n    'aria-describedby': describedBy,\n    'aria-labelledby': labelledBy,\n    'aria-invalid': !!error,\n    'aria-errormessage': error ? errorId : undefined,\n  }\n\n  return (\n    <div className={clsx('relative flex flex-col gap-y-1', containerClassName)}>\n      {label && (\n        <Label\n          {...labelProps}\n          id={labelId}\n          htmlFor={usedId}\n          size=\"lg\"\n          className={clsx('flex-row-1 items-start', labelProps?.className)}\n        >\n          {label}\n          {required && <div role=\"none\" className=\"bg-primary w-2 h-2 rounded-full\"/>}\n        </Label>\n      )}\n      {description && (\n        <p\n          {...descriptionProps}\n          id={descriptionId}\n          className={clsx('text-description text-sm', descriptionProps?.className)}\n        >\n          {description}\n        </p>\n      )}\n      {children(bag)}\n      {error && isShowingError && (\n        <p\n          {...errorProps}\n          id={errorId}\n          className={clsx('absolute top-[calc(100%_+_0.25rem)] left-0 text-negative text-sm font-medium', errorProps?.className)}\n          role=\"alert\"\n          aria-hidden={!error}\n          aria-live=\"polite\"\n        >\n          {error}\n        </p>\n      )}\n    </div>\n  )\n}","import clsx from 'clsx'\nimport type { LabelHTMLAttributes } from 'react'\n\nexport type LabelType = 'md' | 'lg'\n\nconst styleMapping: Record<LabelType, string> = {\n  md: 'typography-label-md color-label-text',\n  lg: 'typography-label-lg color-label-text',\n}\n\nexport type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {\n  /** The size of the label */\n  size?: LabelType,\n}\n\n/**\n * A Label component\n */\nexport const Label = ({\n                        children,\n                        size = 'md',\n                        className,\n                        ...props\n                      }: LabelProps) => {\n  return (\n    <label {...props} className={clsx(styleMapping[size], className)}>\n      {children}\n    </label>\n  )\n}\n","import type React from 'react'\nimport { useEffect, useState } from 'react'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\nexport const useOverwritableState = <T>(initialValue?: T, onChange?: (value: T) => void): [T, React.Dispatch<React.SetStateAction<T>>] => {\n  const [state, setState] = useState<T>(initialValue)\n\n  useEffect(() => {\n    setState(initialValue)\n  }, [initialValue])\n\n  const onChangeWrapper: React.Dispatch<React.SetStateAction<T>> = (action) => {\n    const resolved = resolveSetState(action, state)\n    setState(resolved)\n    onChange?.(state)\n  }\n\n  return [state, onChangeWrapper]\n}","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["import_react","import_clsx","clsx","import_jsx_runtime"]}

package/dist/components/form/index.d.cts

@@ -1,5 +0,0 @@
-export { FormElementStateProperties, FormElementWrapper, FormElementWrapperProps } from './FormElementWrapper.cjs';
-import 'react/jsx-runtime';
-import 'react';
-import '../../utils/bagFunctions.cjs';
-import '../user-action/Label.cjs';

package/dist/components/form/index.d.ts

@@ -1,5 +0,0 @@
-export { FormElementStateProperties, FormElementWrapper, FormElementWrapperProps } from './FormElementWrapper.js';
-import 'react/jsx-runtime';
-import 'react';
-import '../../utils/bagFunctions.js';
-import '../user-action/Label.js';

package/dist/components/form/index.js

@@ -1,133 +0,0 @@
-// src/components/form/FormElementWrapper.tsx
-import { useId } from "react";
-import { clsx as clsx2 } from "clsx";
-
-// src/components/user-action/Label.tsx
-import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
-var styleMapping = {
-  md: "typography-label-md color-label-text",
-  lg: "typography-label-lg color-label-text"
-};
-var Label = ({
-  children,
-  size = "md",
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx("label", { ...props, className: clsx(styleMapping[size], className), children });
-};
-
-// src/hooks/useOverwritableState.ts
-import { useEffect, useState } from "react";
-
-// src/utils/resolveSetState.ts
-function resolveSetState(action, prev) {
-  return typeof action === "function" ? action(prev) : action;
-}
-
-// src/hooks/useOverwritableState.ts
-var useOverwritableState = (initialValue, onChange) => {
-  const [state, setState] = useState(initialValue);
-  useEffect(() => {
-    setState(initialValue);
-  }, [initialValue]);
-  const onChangeWrapper = (action) => {
-    const resolved = resolveSetState(action, state);
-    setState(resolved);
-    onChange?.(state);
-  };
-  return [state, onChangeWrapper];
-};
-
-// src/components/form/FormElementWrapper.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var FormElementWrapper = ({
-  children,
-  id,
-  required = false,
-  disabled = false,
-  isShowingError: initialIsShowingError = false,
-  onIsShowingError,
-  label,
-  labelProps,
-  errorShowBehaviour = "whenTouched",
-  error,
-  errorProps,
-  description,
-  descriptionProps,
-  containerClassName
-}) => {
-  const [touched, setTouched] = useOverwritableState(initialIsShowingError, onIsShowingError);
-  const generatedId = useId();
-  const usedId = id ?? generatedId;
-  const errorId = `${usedId}-description`;
-  const labelId = `${usedId}-label`;
-  const descriptionId = `${usedId}-description`;
-  const describedBy = [
-    description ? descriptionId : void 0,
-    error ? errorId : void 0
-  ].filter(Boolean).join(" ");
-  const labelledBy = label ? `${usedId}-label` : void 0;
-  const isShowingError = errorShowBehaviour === "always" || touched;
-  const bag = {
-    "isShowingError": touched,
-    "setIsShowingError": (isTouched) => {
-      const newValue = isTouched ?? true;
-      setTouched(newValue);
-      onIsShowingError?.(isTouched);
-    },
-    "disabled": disabled,
-    "invalid": !!error && isShowingError,
-    "required": required,
-    "id": usedId,
-    "aria-required": required,
-    "aria-disabled": disabled,
-    "aria-describedby": describedBy,
-    "aria-labelledby": labelledBy,
-    "aria-invalid": !!error,
-    "aria-errormessage": error ? errorId : void 0
-  };
-  return /* @__PURE__ */ jsxs("div", { className: clsx2("relative flex flex-col gap-y-1", containerClassName), children: [
-    label && /* @__PURE__ */ jsxs(
-      Label,
-      {
-        ...labelProps,
-        id: labelId,
-        htmlFor: usedId,
-        size: "lg",
-        className: clsx2("flex-row-1 items-start", labelProps?.className),
-        children: [
-          label,
-          required && /* @__PURE__ */ jsx2("div", { role: "none", className: "bg-primary w-2 h-2 rounded-full" })
-        ]
-      }
-    ),
-    description && /* @__PURE__ */ jsx2(
-      "p",
-      {
-        ...descriptionProps,
-        id: descriptionId,
-        className: clsx2("text-description text-sm", descriptionProps?.className),
-        children: description
-      }
-    ),
-    children(bag),
-    error && isShowingError && /* @__PURE__ */ jsx2(
-      "p",
-      {
-        ...errorProps,
-        id: errorId,
-        className: clsx2("absolute top-[calc(100%_+_0.25rem)] left-0 text-negative text-sm font-medium", errorProps?.className),
-        role: "alert",
-        "aria-hidden": !error,
-        "aria-live": "polite",
-        children: error
-      }
-    )
-  ] });
-};
-export {
-  FormElementWrapper
-};
-//# sourceMappingURL=index.js.map

package/dist/components/form/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/form/FormElementWrapper.tsx","../../../src/components/user-action/Label.tsx","../../../src/hooks/useOverwritableState.ts","../../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport { useId } from 'react'\nimport { clsx } from 'clsx'\nimport type { BagFunction } from '@/src/utils/bagFunctions'\nimport type { LabelProps } from '@/src/components/user-action/Label'\nimport { Label } from '@/src/components/user-action/Label'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\ntype ErrorShowBehaviour = 'always' | 'whenTouched'\n\ntype FormElementHTMLProperties = Pick<HTMLAttributes<HTMLElement>, 'id' | 'aria-labelledby' | 'aria-describedby' | 'aria-disabled' | 'aria-invalid' | 'aria-errormessage' | 'aria-required'>\n\nexport type FormElementStateProperties = {\n  invalid: boolean,\n  disabled: boolean,\n}\n\ntype FormElementWrapperBag = FormElementHTMLProperties & FormElementStateProperties & {\n  required: boolean,\n  isShowingError: boolean,\n  setIsShowingError: (isShowingError?: boolean) => void,\n}\n\nexport type FormElementWrapperProps = {\n  children: BagFunction<FormElementWrapperBag>,\n  id?: string,\n  required?: boolean,\n  disabled?: boolean,\n  isShowingError?: boolean,\n  onIsShowingError?: (isTouched: boolean) => void,\n  label?: ReactNode,\n  labelProps?: Omit<LabelProps, 'children'>,\n  errorShowBehaviour?: ErrorShowBehaviour,\n  error?: ReactNode,\n  errorProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>,\n  description?: ReactNode,\n  descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>,\n  containerClassName?: string,\n}\n\nexport const FormElementWrapper = ({\n                                     children,\n                                     id,\n                                     required = false,\n                                     disabled = false,\n                                     isShowingError: initialIsShowingError = false,\n                                     onIsShowingError,\n                                     label,\n                                     labelProps,\n                                     errorShowBehaviour = 'whenTouched',\n                                     error,\n                                     errorProps,\n                                     description,\n                                     descriptionProps,\n                                     containerClassName,\n                                   }: FormElementWrapperProps) => {\n  const [touched, setTouched] = useOverwritableState(initialIsShowingError, onIsShowingError)\n  const generatedId = useId()\n  const usedId = id ?? generatedId\n\n  const errorId = `${usedId}-description`\n  const labelId = `${usedId}-label`\n  const descriptionId = `${usedId}-description`\n\n  const describedBy: string = [\n    description ? descriptionId : undefined,\n    error ? errorId : undefined,\n  ].filter(Boolean).join(' ')\n\n  const labelledBy = label ? `${usedId}-label` : undefined\n\n  const isShowingError = errorShowBehaviour === 'always' || (touched)\n\n  const bag: FormElementWrapperBag = {\n    'isShowingError': touched,\n    'setIsShowingError': (isTouched) => {\n      const newValue = isTouched ?? true\n      setTouched(newValue)\n      onIsShowingError?.(isTouched)\n    },\n    'disabled': disabled,\n    'invalid': !!error && isShowingError,\n    'required': required,\n    'id': usedId,\n    'aria-required': required,\n    'aria-disabled': disabled,\n    'aria-describedby': describedBy,\n    'aria-labelledby': labelledBy,\n    'aria-invalid': !!error,\n    'aria-errormessage': error ? errorId : undefined,\n  }\n\n  return (\n    <div className={clsx('relative flex flex-col gap-y-1', containerClassName)}>\n      {label && (\n        <Label\n          {...labelProps}\n          id={labelId}\n          htmlFor={usedId}\n          size=\"lg\"\n          className={clsx('flex-row-1 items-start', labelProps?.className)}\n        >\n          {label}\n          {required && <div role=\"none\" className=\"bg-primary w-2 h-2 rounded-full\"/>}\n        </Label>\n      )}\n      {description && (\n        <p\n          {...descriptionProps}\n          id={descriptionId}\n          className={clsx('text-description text-sm', descriptionProps?.className)}\n        >\n          {description}\n        </p>\n      )}\n      {children(bag)}\n      {error && isShowingError && (\n        <p\n          {...errorProps}\n          id={errorId}\n          className={clsx('absolute top-[calc(100%_+_0.25rem)] left-0 text-negative text-sm font-medium', errorProps?.className)}\n          role=\"alert\"\n          aria-hidden={!error}\n          aria-live=\"polite\"\n        >\n          {error}\n        </p>\n      )}\n    </div>\n  )\n}","import clsx from 'clsx'\nimport type { LabelHTMLAttributes } from 'react'\n\nexport type LabelType = 'md' | 'lg'\n\nconst styleMapping: Record<LabelType, string> = {\n  md: 'typography-label-md color-label-text',\n  lg: 'typography-label-lg color-label-text',\n}\n\nexport type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {\n  /** The size of the label */\n  size?: LabelType,\n}\n\n/**\n * A Label component\n */\nexport const Label = ({\n                        children,\n                        size = 'md',\n                        className,\n                        ...props\n                      }: LabelProps) => {\n  return (\n    <label {...props} className={clsx(styleMapping[size], className)}>\n      {children}\n    </label>\n  )\n}\n","import type React from 'react'\nimport { useEffect, useState } from 'react'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\nexport const useOverwritableState = <T>(initialValue?: T, onChange?: (value: T) => void): [T, React.Dispatch<React.SetStateAction<T>>] => {\n  const [state, setState] = useState<T>(initialValue)\n\n  useEffect(() => {\n    setState(initialValue)\n  }, [initialValue])\n\n  const onChangeWrapper: React.Dispatch<React.SetStateAction<T>> = (action) => {\n    const resolved = resolveSetState(action, state)\n    setState(resolved)\n    onChange?.(state)\n  }\n\n  return [state, onChangeWrapper]\n}","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["clsx","jsx","clsx"]}