@epilot/volt-ui 0.1.1 → 1.0.0-alpha.1

package/dist/components/InputField/InputField.d.ts

@@ -1,43 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-import { type ValidationVariant } from "../Validation/Validation";
-export type InputFieldState = "default" | "highlighted" | "error";
-type InputFieldContextValue = {
-    id: string;
-    state: InputFieldState;
-    disabled?: boolean;
-    readOnly?: boolean;
-    labelId: string;
-    descriptionId: string;
-    helperId: string;
-};
-export declare const InputFieldContext: import("react").Context<InputFieldContextValue | null>;
-export interface RootProps {
-    id: string;
-    children: ReactNode;
-    className?: string;
-    state?: InputFieldState;
-    disabled?: boolean;
-    readOnly?: boolean;
-}
-export declare const Root: {
-    ({ id, children, className, state, disabled, readOnly, }: RootProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const InputField: {
-    Root: {
-        ({ id, children, className, state, disabled, readOnly, }: RootProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Control: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Label: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-        visuallyHidden?: boolean;
-    } & import("react").RefAttributes<HTMLLabelElement>>;
-    Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
-    HelperText: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-        tone?: ValidationVariant;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    Prefix: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-    Suffix: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-    Actions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-};
-export {};

package/dist/components/InputField/InputField.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{cx as t,cva as a}from"class-variance-authority";import{forwardRef as r,useContext as s,createContext as i}from"react";import{Validation as l}from"../Validation/Validation.js";const o=i(null),d=({id:a,children:r,className:s,state:i="default",disabled:l=!1,readOnly:d=!1})=>e(o.Provider,{value:{id:a,state:i,disabled:l,readOnly:d,labelId:`${a}-label`,descriptionId:`${a}-description`,helperId:`${a}-helper`},children:e("div",{className:t(n({state:i,disabled:l,readOnly:d}),"flex flex-col",s),"data-disabled":l,"data-readonly":d,"data-state":i,role:"group",children:r})}),n=a(["rounded-lg px-3 py-2","text-gray-default transition-colors duration-150"].join(" "),{variants:{state:{default:"bg-gray-soft focus-within:outline-accent",highlighted:"bg-accent-soft hover:bg-accent-soft-hover focus-within:outline-accent",error:"bg-error-soft hover:bg-error-soft-hover focus-within:outline-error"},disabled:{true:"cursor-not-allowed border-gray-soft bg-gray-soft opacity-60 focus-within:outline-none"},readOnly:{true:"border-gray-ui bg-gray-soft focus-within:outline-none"}},compoundVariants:[{disabled:!0,state:"error",className:"border-gray-soft bg-gray-soft"},{disabled:!0,state:"highlighted",className:"border-gray-soft bg-gray-soft"}],defaultVariants:{state:"default"}}),c=r(({className:a,...r},s)=>e("div",{className:t("flex w-full min-h-8 items-center gap-2",a),ref:s,...r})),u=r(({className:a,visuallyHidden:r,...i},l)=>{const d=s(o);if(!d)throw new Error("InputField.Label must be used within InputField.Root");return e("label",{className:t("text-sm text-gray-default",r&&"sr-only",a),htmlFor:d.id,id:d.labelId,ref:l,...i})}),f=r(({className:a,...r},i)=>{const l=s(o);if(!l)throw new Error("InputField.Description must be used within InputField.Root");return e("p",{className:t("text-sm text-gray-default",a),id:l.descriptionId,ref:i,...r})}),p=r(({className:a,tone:r="default",...i},d)=>{const n=s(o);if(!n)throw new Error("InputField.HelperText must be used within InputField.Root");return e(l,{className:t("text-sm",a),id:n.helperId,ref:d,variant:r,...i})}),m=r(({className:a,...r},s)=>e("span",{className:t("flex items-center text-base text-gray-default",a),ref:s,...r})),b=r(({className:a,...r},s)=>e("span",{className:t("flex items-center text-base text-gray-default",a),ref:s,...r})),y=r(({className:a,...r},s)=>e("div",{className:t("flex items-center gap-2",a),ref:s,...r}));d.displayName="InputField.Root",c.displayName="InputField.Control",u.displayName="InputField.Label",f.displayName="InputField.Description",p.displayName="InputField.HelperText",m.displayName="InputField.Prefix",b.displayName="InputField.Suffix",y.displayName="InputField.Actions";const g={Root:d,Control:c,Label:u,Description:f,HelperText:p,Prefix:m,Suffix:b,Actions:y};export{g as InputField,o as InputFieldContext,d as Root};
-//# sourceMappingURL=InputField.js.map

package/dist/components/InputField/InputField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputField.js","sources":["../../../src/components/InputField/InputField.tsx"],"sourcesContent":["import { cva, cx } from \"class-variance-authority\";\nimport type {\n  ComponentPropsWithoutRef,\n  HTMLAttributes,\n  ReactNode,\n} from \"react\";\nimport { createContext, forwardRef, useContext } from \"react\";\n\nimport { Validation, type ValidationVariant } from \"../Validation/Validation\";\n\nexport type InputFieldState = \"default\" | \"highlighted\" | \"error\";\n\ntype InputFieldContextValue = {\n  id: string;\n  state: InputFieldState;\n  disabled?: boolean;\n  readOnly?: boolean;\n  labelId: string;\n  descriptionId: string;\n  helperId: string;\n};\n\nexport const InputFieldContext = createContext<InputFieldContextValue | null>(\n  null\n);\n\nexport interface RootProps {\n  id: string;\n  children: ReactNode;\n  className?: string;\n  state?: InputFieldState;\n  disabled?: boolean;\n  readOnly?: boolean;\n}\n\nexport const Root = ({\n  id,\n  children,\n  className,\n  state = \"default\",\n  disabled = false,\n  readOnly = false,\n}: RootProps) => {\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n  const helperId = `${id}-helper`;\n\n  return (\n    <InputFieldContext.Provider\n      value={{\n        id,\n        state,\n        disabled,\n        readOnly,\n        labelId,\n        descriptionId,\n        helperId,\n      }}\n    >\n      <div\n        className={cx(\n          fieldStyles({ state, disabled, readOnly }),\n          \"flex flex-col\",\n          className\n        )}\n        data-disabled={disabled}\n        data-readonly={readOnly}\n        data-state={state}\n        role=\"group\"\n      >\n        {children}\n      </div>\n    </InputFieldContext.Provider>\n  );\n};\n\nconst fieldStyles = cva(\n  [\n    \"rounded-lg px-3 py-2\",\n    \"text-gray-default transition-colors duration-150\",\n  ].join(\" \"),\n  {\n    variants: {\n      state: {\n        default: \"bg-gray-soft focus-within:outline-accent\",\n        highlighted:\n          \"bg-accent-soft hover:bg-accent-soft-hover focus-within:outline-accent\",\n        error:\n          \"bg-error-soft hover:bg-error-soft-hover focus-within:outline-error\",\n      },\n      disabled: {\n        true: \"cursor-not-allowed border-gray-soft bg-gray-soft opacity-60 focus-within:outline-none\",\n      },\n      readOnly: {\n        true: \"border-gray-ui bg-gray-soft focus-within:outline-none\",\n      },\n    },\n    compoundVariants: [\n      {\n        disabled: true,\n        state: \"error\",\n        className: \"border-gray-soft bg-gray-soft\",\n      },\n      {\n        disabled: true,\n        state: \"highlighted\",\n        className: \"border-gray-soft bg-gray-soft\",\n      },\n    ],\n    defaultVariants: {\n      state: \"default\",\n    },\n  }\n);\n\nconst Control = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  ({ className, ...props }, ref) => (\n    <div\n      className={cx(\"flex w-full min-h-8 items-center gap-2\", className)}\n      ref={ref}\n      {...props}\n    />\n  )\n);\n\nconst Label = forwardRef<\n  HTMLLabelElement,\n  ComponentPropsWithoutRef<\"label\"> & { visuallyHidden?: boolean }\n>(({ className, visuallyHidden, ...props }, ref) => {\n  const context = useContext(InputFieldContext);\n\n  if (!context) {\n    throw new Error(\"InputField.Label must be used within InputField.Root\");\n  }\n\n  return (\n    <label\n      className={cx(\n        \"text-sm text-gray-default\",\n        visuallyHidden && \"sr-only\",\n        className\n      )}\n      htmlFor={context.id}\n      id={context.labelId}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst Description = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<\"p\">\n>(({ className, ...props }, ref) => {\n  const context = useContext(InputFieldContext);\n\n  if (!context) {\n    throw new Error(\n      \"InputField.Description must be used within InputField.Root\"\n    );\n  }\n\n  return (\n    <p\n      className={cx(\"text-sm text-gray-default\", className)}\n      id={context.descriptionId}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nconst HelperText = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & { tone?: ValidationVariant }\n>(({ className, tone = \"default\", ...props }, ref) => {\n  const context = useContext(InputFieldContext);\n\n  if (!context) {\n    throw new Error(\n      \"InputField.HelperText must be used within InputField.Root\"\n    );\n  }\n\n  return (\n    <Validation\n      className={cx(\"text-sm\", className)}\n      id={context.helperId}\n      ref={ref}\n      variant={tone}\n      {...props}\n    />\n  );\n});\n\nconst Prefix = forwardRef<HTMLSpanElement, ComponentPropsWithoutRef<\"span\">>(\n  ({ className, ...props }, ref) => (\n    <span\n      className={cx(\"flex items-center text-base text-gray-default\", className)}\n      ref={ref}\n      {...props}\n    />\n  )\n);\n\nconst Suffix = forwardRef<HTMLSpanElement, ComponentPropsWithoutRef<\"span\">>(\n  ({ className, ...props }, ref) => (\n    <span\n      className={cx(\"flex items-center text-base text-gray-default\", className)}\n      ref={ref}\n      {...props}\n    />\n  )\n);\n\nconst Actions = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  ({ className, ...props }, ref) => (\n    <div\n      className={cx(\"flex items-center gap-2\", className)}\n      ref={ref}\n      {...props}\n    />\n  )\n);\n\nRoot.displayName = \"InputField.Root\";\nControl.displayName = \"InputField.Control\";\nLabel.displayName = \"InputField.Label\";\nDescription.displayName = \"InputField.Description\";\nHelperText.displayName = \"InputField.HelperText\";\nPrefix.displayName = \"InputField.Prefix\";\nSuffix.displayName = \"InputField.Suffix\";\nActions.displayName = \"InputField.Actions\";\n\nexport const InputField = {\n  Root,\n  Control,\n  Label,\n  Description,\n  HelperText,\n  Prefix,\n  Suffix,\n  Actions,\n};\n"],"names":["InputFieldContext","createContext","Root","id","children","className","state","disabled","readOnly","_jsx","Provider","value","labelId","descriptionId","helperId","cx","fieldStyles","role","cva","join","variants","default","highlighted","error","true","compoundVariants","defaultVariants","Control","forwardRef","props","ref","Label","visuallyHidden","context","useContext","Error","htmlFor","Description","HelperText","tone","Validation","variant","Prefix","Suffix","Actions","displayName","InputField"],"mappings":"oOAsBaA,EAAoBC,EAC/B,MAYWC,EAAO,EAClBC,KACAC,WACAC,YACAC,QAAQ,UACRC,YAAW,EACXC,YAAW,KAOTC,EAACT,EAAkBU,SAAQ,CACzBC,MAAO,CACLR,KACAG,QACAC,WACAC,WACAI,QAXU,GAAGT,UAYbU,cAXgB,GAAGV,gBAYnBW,SAXW,GAAGX,YAYfC,SAEDK,EAAA,MAAA,CACEJ,UAAWU,EACTC,EAAY,CAAEV,QAAOC,WAAUC,aAC/B,gBACAH,GACD,gBACcE,EAAQ,gBACRC,eACHF,EACZW,KAAK,QAAOb,SAEXA,MAMHY,EAAcE,EAClB,CACE,uBACA,oDACAC,KAAK,KACP,CACEC,SAAU,CACRd,MAAO,CACLe,QAAS,2CACTC,YACE,wEACFC,MACE,sEAEJhB,SAAU,CACRiB,KAAM,yFAERhB,SAAU,CACRgB,KAAM,0DAGVC,iBAAkB,CAChB,CACElB,UAAU,EACVD,MAAO,QACPD,UAAW,iCAEb,CACEE,UAAU,EACVD,MAAO,cACPD,UAAW,kCAGfqB,gBAAiB,CACfpB,MAAO,aAKPqB,EAAUC,EACd,EAAGvB,eAAcwB,GAASC,IACxBrB,EAAA,MAAA,CACEJ,UAAWU,EAAG,yCAA0CV,GACxDyB,IAAKA,KACDD,KAKJE,EAAQH,EAGZ,EAAGvB,YAAW2B,oBAAmBH,GAASC,KAC1C,MAAMG,EAAUC,EAAWlC,GAE3B,IAAKiC,EACH,MAAM,IAAIE,MAAM,wDAGlB,OACE1B,EAAA,QAAA,CACEJ,UAAWU,EACT,4BACAiB,GAAkB,UAClB3B,GAEF+B,QAASH,EAAQ9B,GACjBA,GAAI8B,EAAQrB,QACZkB,IAAKA,KACDD,MAKJQ,EAAcT,EAGlB,EAAGvB,eAAcwB,GAASC,KAC1B,MAAMG,EAAUC,EAAWlC,GAE3B,IAAKiC,EACH,MAAM,IAAIE,MACR,8DAIJ,OACE1B,EAAA,IAAA,CACEJ,UAAWU,EAAG,4BAA6BV,GAC3CF,GAAI8B,EAAQpB,cACZiB,IAAKA,KACDD,MAKJS,EAAaV,EAGjB,EAAGvB,YAAWkC,OAAO,aAAcV,GAASC,KAC5C,MAAMG,EAAUC,EAAWlC,GAE3B,IAAKiC,EACH,MAAM,IAAIE,MACR,6DAIJ,OACE1B,EAAC+B,EAAU,CACTnC,UAAWU,EAAG,UAAWV,GACzBF,GAAI8B,EAAQnB,SACZgB,IAAKA,EACLW,QAASF,KACLV,MAKJa,EAASd,EACb,EAAGvB,eAAcwB,GAASC,IACxBrB,EAAA,OAAA,CACEJ,UAAWU,EAAG,gDAAiDV,GAC/DyB,IAAKA,KACDD,KAKJc,EAASf,EACb,EAAGvB,eAAcwB,GAASC,IACxBrB,EAAA,OAAA,CACEJ,UAAWU,EAAG,gDAAiDV,GAC/DyB,IAAKA,KACDD,KAKJe,EAAUhB,EACd,EAAGvB,eAAcwB,GAASC,IACxBrB,EAAA,MAAA,CACEJ,UAAWU,EAAG,0BAA2BV,GACzCyB,IAAKA,KACDD,KAKV3B,EAAK2C,YAAc,kBACnBlB,EAAQkB,YAAc,qBACtBd,EAAMc,YAAc,mBACpBR,EAAYQ,YAAc,yBAC1BP,EAAWO,YAAc,wBACzBH,EAAOG,YAAc,oBACrBF,EAAOE,YAAc,oBACrBD,EAAQC,YAAc,qBAEf,MAAMC,EAAa,CACxB5C,OACAyB,UACAI,QACAM,cACAC,aACAI,SACAC,SACAC"}

package/dist/components/Radio/RadioField.d.ts

@@ -1,14 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ValidationVariant } from '../Validation/Validation';
-import { type RadioProps } from './Radio';
-export interface RadioFieldProps extends RadioProps {
-    label?: ReactNode;
-    description?: ReactNode;
-    helperText?: ReactNode;
-    helperTextTone?: ValidationVariant;
-    wrapperClassName?: string;
-    labelClassName?: string;
-    descriptionClassName?: string;
-    helperTextClassName?: string;
-}
-export declare const RadioField: import("react").ForwardRefExoticComponent<RadioFieldProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Radio/RadioField.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{cx as l}from"class-variance-authority";import{forwardRef as t,useId as r}from"react";import{Radio as d}from"./Radio.js";const s=(e,a,t)=>l("text-base","accent"===e?"text-gray-default":"text-error-default",a&&"text-gray-disabled",t),i=(e,a)=>l("text-sm text-gray-default",e&&"text-gray-disabled",a),o=(e,a,t)=>l("text-sm","accent"===e?"text-gray-default":"text-error-light",a&&"text-gray-disabled",t),n=t(({id:t,label:n,description:c,helperText:m,helperTextTone:x="default",tone:p="accent",wrapperClassName:b,labelClassName:f,descriptionClassName:u,helperTextClassName:N,className:h,indicatorClassName:g,...y},v)=>{const C=r(),T=t??C,j=n?`${T}-label`:void 0,w=c?`${T}-description`:void 0,B=m?`${T}-helper`:void 0,{"aria-invalid":$,...F}=y,R=[w,B].filter(e=>Boolean(e)).join(" "),k=R.length>0?R:void 0,q=Boolean(F.disabled),z="error"===x&&Boolean(m);return e("div",{className:l("flex flex-col gap-2",b),"data-disabled":q,children:a("label",{className:l("flex select-none items-start gap-2","text-left",q&&"cursor-not-allowed"),"data-disabled":q,htmlFor:T,children:[e(d,{...F,"aria-describedby":k,"aria-invalid":$??(!!z||void 0),"aria-labelledby":j,className:h,id:T,indicatorClassName:g,ref:v,tone:p}),a("span",{className:"flex min-w-0 flex-col gap-1","data-disabled":q,children:[n?e("span",{className:s(p,q,f),"data-disabled":q,id:j,children:n}):null,c?e("span",{className:i(q,u),"data-disabled":q,id:w,children:c}):null,m?e("span",{className:l(o(p,q,N),"error"===x&&"text-error-default","success"===x&&"text-green-default"),"data-disabled":q,id:B,children:m}):null]})]})})});n.displayName="RadioField";export{n as RadioField};
-//# sourceMappingURL=RadioField.js.map

package/dist/components/Radio/RadioField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioField.js","sources":["../../../src/components/Radio/RadioField.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport type { ReactNode } from 'react'\nimport { forwardRef, useId } from 'react'\n\nimport type { ValidationVariant } from '../Validation/Validation'\n\nimport { Radio, type RadioProps, type RadioTone } from './Radio'\n\nconst labelStyles = (tone: RadioTone, disabled?: boolean, className?: string) =>\n  cx(\n    'text-base',\n    tone === 'accent' ? 'text-gray-default' : 'text-error-default',\n    disabled && 'text-gray-disabled',\n    className\n  )\n\nconst descriptionStyles = (disabled?: boolean, className?: string) =>\n  cx('text-sm text-gray-default', disabled && 'text-gray-disabled', className)\n\nconst helperTextStyles = (\n  tone: RadioTone,\n  disabled?: boolean,\n  className?: string\n) =>\n  cx(\n    'text-sm',\n    tone === 'accent' ? 'text-gray-default' : 'text-error-light',\n    disabled && 'text-gray-disabled',\n    className\n  )\n\nexport interface RadioFieldProps extends RadioProps {\n  label?: ReactNode\n  description?: ReactNode\n  helperText?: ReactNode\n  helperTextTone?: ValidationVariant\n  wrapperClassName?: string\n  labelClassName?: string\n  descriptionClassName?: string\n  helperTextClassName?: string\n}\n\nexport const RadioField = forwardRef<HTMLButtonElement, RadioFieldProps>(\n  (\n    {\n      id,\n      label,\n      description,\n      helperText,\n      helperTextTone = 'default',\n      tone = 'accent',\n      wrapperClassName,\n      labelClassName,\n      descriptionClassName,\n      helperTextClassName,\n      className,\n      indicatorClassName,\n      ...restProps\n    },\n    ref\n  ) => {\n    const generatedId = useId()\n    const radioId = id ?? generatedId\n    const labelId = label ? `${radioId}-label` : undefined\n    const descriptionId = description ? `${radioId}-description` : undefined\n    const helperId = helperText ? `${radioId}-helper` : undefined\n\n    const { ['aria-invalid']: ariaInvalidProp, ...radioProps } = restProps\n\n    const describedBy = [descriptionId, helperId]\n      .filter((value): value is string => Boolean(value))\n      .join(' ')\n    const ariaDescribedBy = describedBy.length > 0 ? describedBy : undefined\n\n    const isDisabled = Boolean(radioProps.disabled)\n    const hasErrorState = helperTextTone === 'error' && Boolean(helperText)\n\n    return (\n      <div\n        className={cx('flex flex-col gap-2', wrapperClassName)}\n        data-disabled={isDisabled}\n      >\n        <label\n          className={cx(\n            'flex select-none items-start gap-2',\n            'text-left',\n            isDisabled && 'cursor-not-allowed'\n          )}\n          data-disabled={isDisabled}\n          htmlFor={radioId}\n        >\n          <Radio\n            {...radioProps}\n            aria-describedby={ariaDescribedBy}\n            aria-invalid={ariaInvalidProp ?? (hasErrorState ? true : undefined)}\n            aria-labelledby={labelId}\n            className={className}\n            id={radioId}\n            indicatorClassName={indicatorClassName}\n            ref={ref}\n            tone={tone}\n          />\n          <span\n            className=\"flex min-w-0 flex-col gap-1\"\n            data-disabled={isDisabled}\n          >\n            {label ? (\n              <span\n                className={labelStyles(tone, isDisabled, labelClassName)}\n                data-disabled={isDisabled}\n                id={labelId}\n              >\n                {label}\n              </span>\n            ) : null}\n            {description ? (\n              <span\n                className={descriptionStyles(isDisabled, descriptionClassName)}\n                data-disabled={isDisabled}\n                id={descriptionId}\n              >\n                {description}\n              </span>\n            ) : null}\n            {helperText ? (\n              <span\n                className={cx(\n                  helperTextStyles(tone, isDisabled, helperTextClassName),\n                  helperTextTone === 'error' && 'text-error-default',\n                  helperTextTone === 'success' && 'text-green-default'\n                )}\n                data-disabled={isDisabled}\n                id={helperId}\n              >\n                {helperText}\n              </span>\n            ) : null}\n          </span>\n        </label>\n      </div>\n    )\n  }\n)\n\nRadioField.displayName = 'RadioField'\n"],"names":["labelStyles","tone","disabled","className","cx","descriptionStyles","helperTextStyles","RadioField","forwardRef","id","label","description","helperText","helperTextTone","wrapperClassName","labelClassName","descriptionClassName","helperTextClassName","indicatorClassName","restProps","ref","generatedId","useId","radioId","labelId","undefined","descriptionId","helperId","ariaInvalidProp","radioProps","describedBy","filter","value","Boolean","join","ariaDescribedBy","length","isDisabled","hasErrorState","_jsx","children","_jsxs","htmlFor","Radio","displayName"],"mappings":"iLAQA,MAAMA,EAAc,CAACC,EAAiBC,EAAoBC,IACxDC,EACE,YACS,WAATH,EAAoB,oBAAsB,qBAC1CC,GAAY,qBACZC,GAGEE,EAAoB,CAACH,EAAoBC,IAC7CC,EAAG,4BAA6BF,GAAY,qBAAsBC,GAE9DG,EAAmB,CACvBL,EACAC,EACAC,IAEAC,EACE,UACS,WAATH,EAAoB,oBAAsB,mBAC1CC,GAAY,qBACZC,GAcSI,EAAaC,EACxB,EAEIC,KACAC,QACAC,cACAC,aACAC,iBAAiB,UACjBZ,OAAO,SACPa,mBACAC,iBACAC,uBACAC,sBACAd,YACAe,wBACGC,GAELC,KAEA,MAAMC,EAAcC,IACdC,EAAUd,GAAMY,EAChBG,EAAUd,EAAQ,GAAGa,eAAkBE,EACvCC,EAAgBf,EAAc,GAAGY,qBAAwBE,EACzDE,EAAWf,EAAa,GAAGW,gBAAmBE,GAE5C,eAAkBG,KAAoBC,GAAeV,EAEvDW,EAAc,CAACJ,EAAeC,GACjCI,OAAQC,GAA2BC,QAAQD,IAC3CE,KAAK,KACFC,EAAkBL,EAAYM,OAAS,EAAIN,OAAcL,EAEzDY,EAAaJ,QAAQJ,EAAW3B,UAChCoC,EAAmC,UAAnBzB,GAA8BoB,QAAQrB,GAE5D,OACE2B,SACEpC,UAAWC,EAAG,sBAAuBU,mBACtBuB,EAAUG,SAEzBC,WACEtC,UAAWC,EACT,qCACA,YACAiC,GAAc,sBACf,gBACcA,EACfK,QAASnB,EAAOiB,SAAA,CAEhBD,EAACI,EAAK,IACAd,qBACcM,EAAe,eACnBP,MAAoBU,QAAuBb,qBACxCD,EACjBrB,UAAWA,EACXM,GAAIc,EACJL,mBAAoBA,EACpBE,IAAKA,EACLnB,KAAMA,IAERwC,UACEtC,UAAU,8BAA6B,gBACxBkC,YAEd3B,EACC6B,UACEpC,UAAWH,EAAYC,EAAMoC,EAAYtB,GAAe,gBACzCsB,EACf5B,GAAIe,EAAOgB,SAEV9B,IAED,KACHC,EACC4B,UACEpC,UAAWE,EAAkBgC,EAAYrB,mBAC1BqB,EACf5B,GAAIiB,WAEHf,IAED,KACHC,EACC2B,EAAA,OAAA,CACEpC,UAAWC,EACTE,EAAiBL,EAAMoC,EAAYpB,GAChB,UAAnBJ,GAA8B,qBACX,YAAnBA,GAAgC,sBACjC,gBACcwB,EACf5B,GAAIkB,EAAQa,SAEX5B,IAED,eAQhBL,EAAWqC,YAAc"}

package/dist/components/SelectInput/SelectInput.d.ts

@@ -1,39 +0,0 @@
-import * as RadixSelect from "@radix-ui/react-select";
-import type { ReactNode } from "react";
-import { type InputFieldState } from "../InputField/InputField";
-import type { ValidationVariant } from "../Validation/Validation";
-export interface SelectOption {
-    value: string;
-    label: ReactNode;
-    disabled?: boolean;
-}
-export interface SelectGroup {
-    label: string;
-    options: SelectOption[];
-}
-export interface SelectInputProps extends Omit<RadixSelect.SelectProps, "children" | "onValueChange" | "value" | "defaultValue" | "disabled" | "required"> {
-    id: string;
-    options: (SelectOption | SelectGroup)[];
-    label?: ReactNode;
-    labelHidden?: boolean;
-    description?: ReactNode;
-    helperText?: ReactNode;
-    helperTextTone?: ValidationVariant;
-    state?: InputFieldState;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    actions?: ReactNode;
-    clearable?: boolean;
-    onClear?: () => void;
-    className?: string;
-    fieldClassName?: string;
-    controlClassName?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    placeholder?: string;
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-}
-export declare const SelectInput: import("react").ForwardRefExoticComponent<SelectInputProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/SelectInput/SelectInput.js

@@ -1,2 +0,0 @@
-import{jsxs as e,jsx as l}from"react/jsx-runtime";import*as a from"@radix-ui/react-select";import{cx as t}from"class-variance-authority";import{forwardRef as r,useState as i,useMemo as n}from"react";import{InputField as s}from"../InputField/InputField.js";const d=()=>l("svg",{"aria-hidden":"true",className:"h-4 w-4",fill:"currentColor",focusable:"false",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",children:l("path",{d:"M6.65 10.15 12.3 4.5a.64.64 0 0 1 .93 0c.14.13.2.3.2.48s-.06.34-.2.47l-6.11 6.13a.64.64 0 0 1-.93 0L3.31 8.72a.62.62 0 0 1-.2-.48c.01-.18.08-.34.21-.47.14-.14.3-.2.48-.2s.34.06.47.2l2.37 2.38Z"})}),o=()=>l("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",focusable:"false",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:l("path",{d:"m11.52 14.2-3.15-3.14a.51.51 0 0 1-.1-.15.46.46 0 0 1 .09-.5c.08-.08.19-.13.32-.13h6.64c.13 0 .24.05.33.14.08.1.12.2.12.32 0 .03-.05.14-.14.32l-3.15 3.15a.64.64 0 0 1-.48.2.64.64 0 0 1-.48-.2Z"})}),c=()=>l("svg",{"aria-hidden":"true",className:"h-4 w-4",fill:"currentColor",focusable:"false",viewBox:"0 0 17 17",xmlns:"http://www.w3.org/2000/svg",children:l("path",{d:"m8.9 9.5 2.06 2.05c.09.1.2.14.35.15.14 0 .25-.05.35-.15.1-.1.15-.2.15-.35a.48.48 0 0 0-.15-.35L9.61 8.8l2.05-2.05c.1-.09.14-.2.14-.34a.47.47 0 0 0-.14-.36.48.48 0 0 0-.35-.14.48.48 0 0 0-.35.14L8.9 8.1 6.86 6.05a.48.48 0 0 0-.35-.14.47.47 0 0 0-.35.14c-.1.1-.15.22-.15.35 0 .14.05.26.15.35L8.2 8.8l-2.05 2.05c-.1.1-.14.21-.14.35 0 .14.04.26.14.35.1.1.21.15.35.15.14 0 .25-.05.35-.15l2.05-2.04Zm.01 5.64a6.17 6.17 0 0 1-4.48-1.86A6.4 6.4 0 0 1 2.58 8.8a6.17 6.17 0 0 1 1.85-4.48A6.4 6.4 0 0 1 8.9 2.47a6.17 6.17 0 0 1 4.48 1.85 6.4 6.4 0 0 1 1.85 4.48 6.17 6.17 0 0 1-1.85 4.48 6.4 6.4 0 0 1-4.48 1.86Z"})}),h=t("flex h-6 flex-1 items-center justify-between gap-2 text-left text-base text-gray-default outline-none","data-[placeholder]:text-gray-disabled"),u=t("min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded-lg bg-gray-level-1 shadow-lg"),p=t("flex cursor-pointer select-none items-center justify-between gap-2 rounded-md px-3 py-2 text-sm text-gray-default outline-none transition-colors","data-[highlighted]:bg-accent-soft data-[highlighted]:text-accent-default"),m=r(({id:r,options:m,label:f,labelHidden:x,description:g,helperText:b,helperTextTone:v="default",state:w="default",prefix:y,suffix:N,actions:C,clearable:I,onClear:T,className:j,fieldClassName:L,controlClassName:A,placeholder:B,disabled:V,readOnly:Z,required:H,value:O,defaultValue:P,onChange:q,...F},R)=>{const S=void 0!==O,[$,k]=i(P??""),D=S?O??"":$,G=n(()=>{const e=[];return g&&e.push(`${r}-description`),b&&e.push(`${r}-helper`),e.join(" ")||void 0},[g,b,r]),M=Boolean(I&&""!==D&&!Z&&!V),z=e=>{S||k(e),q?.(e)};return e(s.Root,{className:t(L,j),disabled:V,id:r,readOnly:Z,state:w,children:[f?l(s.Label,{visuallyHidden:x,children:f}):null,e(a.Root,{...F,disabled:V||Z,onValueChange:z,required:H,value:D,children:[e(s.Control,{className:A,children:[y?l(s.Prefix,{children:y}):null,e(a.Trigger,{"aria-describedby":G,"aria-invalid":"error"===w||"error"===v,className:h,id:r,ref:R,children:[l(a.Value,{placeholder:B}),l(a.Icon,{className:"text-gray-light",children:l(o,{})})]}),C?l(s.Actions,{children:C}):null,M?l(s.Actions,{children:l("button",{"aria-label":"Clear selection",className:"flex h-6 w-6 items-center justify-center rounded-full text-gray-light transition hover:text-gray-default",onClick:e=>{e.stopPropagation(),z(""),T?.()},type:"button",children:l(c,{})})}):null,N?l(s.Suffix,{children:N}):null]}),l(a.Portal,{"data-volt-portal":"",children:l(a.Content,{align:"start",className:u,position:"popper",sideOffset:4,children:l(a.Viewport,{className:"p-1",children:m.map(t=>(e=>"options"in e)(t)?e(a.Group,{children:[l(a.Label,{className:"px-3 py-2 text-xs font-semibold uppercase text-gray-light",children:t.label}),t.options.map(t=>e(a.Item,{className:p,disabled:t.disabled,value:t.value,children:[l(a.ItemText,{children:t.label}),l(a.ItemIndicator,{className:"text-accent-default",children:l(d,{})})]},t.value))]},t.label):e(a.Item,{className:p,disabled:t.disabled,value:t.value,children:[l(a.ItemText,{children:t.label}),l(a.ItemIndicator,{className:"text-accent-default",children:l(d,{})})]},t.value))})})})]}),b?l(s.HelperText,{tone:v,children:b}):null,g?l(s.Description,{children:g}):null]})});m.displayName="SelectInput";export{m as SelectInput};
-//# sourceMappingURL=SelectInput.js.map

package/dist/components/SelectInput/SelectInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInput.js","sources":["../../../src/components/SelectInput/SelectInput.tsx"],"sourcesContent":["import * as RadixSelect from \"@radix-ui/react-select\";\nimport { cx } from \"class-variance-authority\";\nimport type { ReactNode } from \"react\";\nimport { forwardRef, useMemo, useState } from \"react\";\n\nimport { InputField, type InputFieldState } from \"../InputField/InputField\";\nimport type { ValidationVariant } from \"../Validation/Validation\";\n\nexport interface SelectOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\n\nexport interface SelectGroup {\n  label: string;\n  options: SelectOption[];\n}\n\nconst isGroup = (item: SelectOption | SelectGroup): item is SelectGroup =>\n  \"options\" in item;\n\nexport interface SelectInputProps\n  extends Omit<\n    RadixSelect.SelectProps,\n    | \"children\"\n    | \"onValueChange\"\n    | \"value\"\n    | \"defaultValue\"\n    | \"disabled\"\n    | \"required\"\n  > {\n  id: string;\n  options: (SelectOption | SelectGroup)[];\n  label?: ReactNode;\n  labelHidden?: boolean;\n  description?: ReactNode;\n  helperText?: ReactNode;\n  helperTextTone?: ValidationVariant;\n  state?: InputFieldState;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  actions?: ReactNode;\n  clearable?: boolean;\n  onClear?: () => void;\n  className?: string;\n  fieldClassName?: string;\n  controlClassName?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  placeholder?: string;\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n}\n\nconst CheckmarkIcon = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"h-4 w-4\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 16 16\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M6.65 10.15 12.3 4.5a.64.64 0 0 1 .93 0c.14.13.2.3.2.48s-.06.34-.2.47l-6.11 6.13a.64.64 0 0 1-.93 0L3.31 8.72a.62.62 0 0 1-.2-.48c.01-.18.08-.34.21-.47.14-.14.3-.2.48-.2s.34.06.47.2l2.37 2.38Z\" />\n  </svg>\n);\n\nconst ChevronDownIcon = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"h-5 w-5\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"m11.52 14.2-3.15-3.14a.51.51 0 0 1-.1-.15.46.46 0 0 1 .09-.5c.08-.08.19-.13.32-.13h6.64c.13 0 .24.05.33.14.08.1.12.2.12.32 0 .03-.05.14-.14.32l-3.15 3.15a.64.64 0 0 1-.48.2.64.64 0 0 1-.48-.2Z\" />\n  </svg>\n);\n\nconst ClearIcon = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"h-4 w-4\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 17 17\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"m8.9 9.5 2.06 2.05c.09.1.2.14.35.15.14 0 .25-.05.35-.15.1-.1.15-.2.15-.35a.48.48 0 0 0-.15-.35L9.61 8.8l2.05-2.05c.1-.09.14-.2.14-.34a.47.47 0 0 0-.14-.36.48.48 0 0 0-.35-.14.48.48 0 0 0-.35.14L8.9 8.1 6.86 6.05a.48.48 0 0 0-.35-.14.47.47 0 0 0-.35.14c-.1.1-.15.22-.15.35 0 .14.05.26.15.35L8.2 8.8l-2.05 2.05c-.1.1-.14.21-.14.35 0 .14.04.26.14.35.1.1.21.15.35.15.14 0 .25-.05.35-.15l2.05-2.04Zm.01 5.64a6.17 6.17 0 0 1-4.48-1.86A6.4 6.4 0 0 1 2.58 8.8a6.17 6.17 0 0 1 1.85-4.48A6.4 6.4 0 0 1 8.9 2.47a6.17 6.17 0 0 1 4.48 1.85 6.4 6.4 0 0 1 1.85 4.48 6.17 6.17 0 0 1-1.85 4.48 6.4 6.4 0 0 1-4.48 1.86Z\" />\n  </svg>\n);\n\nconst triggerClasses = cx(\n  \"flex h-6 flex-1 items-center justify-between gap-2 text-left text-base text-gray-default outline-none\",\n  \"data-[placeholder]:text-gray-disabled\"\n);\n\nconst contentClasses = cx(\n  \"min-w-[var(--radix-select-trigger-width)] overflow-hidden rounded-lg bg-gray-level-1 shadow-lg\"\n);\n\nconst viewportClasses = \"p-1\";\n\nconst itemClasses = cx(\n  \"flex cursor-pointer select-none items-center justify-between gap-2 rounded-md px-3 py-2 text-sm text-gray-default outline-none transition-colors\",\n  \"data-[highlighted]:bg-accent-soft data-[highlighted]:text-accent-default\"\n);\n\nconst groupLabelClasses =\n  \"px-3 py-2 text-xs font-semibold uppercase text-gray-light\";\n\nexport const SelectInput = forwardRef<HTMLButtonElement, SelectInputProps>(\n  (\n    {\n      id,\n      options,\n      label,\n      labelHidden,\n      description,\n      helperText,\n      helperTextTone = \"default\",\n      state = \"default\",\n      prefix,\n      suffix,\n      actions,\n      clearable,\n      onClear,\n      className,\n      fieldClassName,\n      controlClassName,\n      placeholder,\n      disabled,\n      readOnly,\n      required,\n      value: valueProp,\n      defaultValue,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const isControlled = valueProp !== undefined;\n    const [uncontrolledValue, setUncontrolledValue] = useState<string>(\n      defaultValue ?? \"\"\n    );\n    const currentValue = isControlled ? (valueProp ?? \"\") : uncontrolledValue;\n\n    const describedBy = useMemo(() => {\n      const ids: string[] = [];\n\n      if (description) ids.push(`${id}-description`);\n      if (helperText) ids.push(`${id}-helper`);\n\n      return ids.join(\" \") || undefined;\n    }, [description, helperText, id]);\n\n    const showClearButton = Boolean(\n      clearable && currentValue !== \"\" && !readOnly && !disabled\n    );\n\n    const handleValueChange = (nextValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(nextValue);\n      }\n      onChange?.(nextValue);\n    };\n\n    return (\n      <InputField.Root\n        className={cx(fieldClassName, className)}\n        disabled={disabled}\n        id={id}\n        readOnly={readOnly}\n        state={state}\n      >\n        {label ? (\n          <InputField.Label visuallyHidden={labelHidden}>\n            {label}\n          </InputField.Label>\n        ) : null}\n\n        <RadixSelect.Root\n          {...rest}\n          disabled={disabled || readOnly}\n          onValueChange={handleValueChange}\n          required={required}\n          value={currentValue}\n        >\n          <InputField.Control className={controlClassName}>\n            {prefix ? <InputField.Prefix>{prefix}</InputField.Prefix> : null}\n            <RadixSelect.Trigger\n              aria-describedby={describedBy}\n              aria-invalid={state === \"error\" || helperTextTone === \"error\"}\n              className={triggerClasses}\n              id={id}\n              ref={ref}\n            >\n              <RadixSelect.Value placeholder={placeholder} />\n              <RadixSelect.Icon className=\"text-gray-light\">\n                <ChevronDownIcon />\n              </RadixSelect.Icon>\n            </RadixSelect.Trigger>\n            {actions ? (\n              <InputField.Actions>{actions}</InputField.Actions>\n            ) : null}\n            {showClearButton ? (\n              <InputField.Actions>\n                <button\n                  aria-label=\"Clear selection\"\n                  className=\"flex h-6 w-6 items-center justify-center rounded-full text-gray-light transition hover:text-gray-default\"\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    handleValueChange(\"\");\n                    onClear?.();\n                  }}\n                  type=\"button\"\n                >\n                  <ClearIcon />\n                </button>\n              </InputField.Actions>\n            ) : null}\n            {suffix ? <InputField.Suffix>{suffix}</InputField.Suffix> : null}\n          </InputField.Control>\n\n          <RadixSelect.Portal data-volt-portal=\"\">\n            <RadixSelect.Content\n              align=\"start\"\n              className={contentClasses}\n              position=\"popper\"\n              sideOffset={4}\n            >\n              <RadixSelect.Viewport className={viewportClasses}>\n                {options.map((item) =>\n                  isGroup(item) ? (\n                    <RadixSelect.Group key={item.label}>\n                      <RadixSelect.Label className={groupLabelClasses}>\n                        {item.label}\n                      </RadixSelect.Label>\n                      {item.options.map((option) => (\n                        <RadixSelect.Item\n                          className={itemClasses}\n                          disabled={option.disabled}\n                          key={option.value}\n                          value={option.value}\n                        >\n                          <RadixSelect.ItemText>\n                            {option.label}\n                          </RadixSelect.ItemText>\n                          <RadixSelect.ItemIndicator className=\"text-accent-default\">\n                            <CheckmarkIcon />\n                          </RadixSelect.ItemIndicator>\n                        </RadixSelect.Item>\n                      ))}\n                    </RadixSelect.Group>\n                  ) : (\n                    <RadixSelect.Item\n                      className={itemClasses}\n                      disabled={item.disabled}\n                      key={item.value}\n                      value={item.value}\n                    >\n                      <RadixSelect.ItemText>{item.label}</RadixSelect.ItemText>\n                      <RadixSelect.ItemIndicator className=\"text-accent-default\">\n                        <CheckmarkIcon />\n                      </RadixSelect.ItemIndicator>\n                    </RadixSelect.Item>\n                  )\n                )}\n              </RadixSelect.Viewport>\n            </RadixSelect.Content>\n          </RadixSelect.Portal>\n        </RadixSelect.Root>\n\n        {helperText ? (\n          <InputField.HelperText tone={helperTextTone}>\n            {helperText}\n          </InputField.HelperText>\n        ) : null}\n        {description ? (\n          <InputField.Description>{description}</InputField.Description>\n        ) : null}\n      </InputField.Root>\n    );\n  }\n);\n\nSelectInput.displayName = \"SelectInput\";\n"],"names":["CheckmarkIcon","_jsx","className","fill","focusable","viewBox","xmlns","children","d","ChevronDownIcon","ClearIcon","triggerClasses","cx","contentClasses","itemClasses","SelectInput","forwardRef","id","options","label","labelHidden","description","helperText","helperTextTone","state","prefix","suffix","actions","clearable","onClear","fieldClassName","controlClassName","placeholder","disabled","readOnly","required","value","valueProp","defaultValue","onChange","rest","ref","isControlled","undefined","uncontrolledValue","setUncontrolledValue","useState","currentValue","describedBy","useMemo","ids","push","join","showClearButton","Boolean","handleValueChange","nextValue","_jsxs","InputField","Root","Label","visuallyHidden","RadixSelect","onValueChange","Control","Prefix","Trigger","Value","Icon","Actions","onClick","event","stopPropagation","type","Suffix","Portal","Content","align","position","sideOffset","Viewport","map","item","isGroup","Group","option","Item","ItemText","ItemIndicator","HelperText","tone","Description","displayName"],"mappings":"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"}

package/dist/components/Switch/SwitchField.d.ts

@@ -1,14 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ValidationVariant } from '../Validation/Validation';
-import { type SwitchProps } from './Switch';
-export interface SwitchFieldProps extends SwitchProps {
-    label?: ReactNode;
-    description?: ReactNode;
-    helperText?: ReactNode;
-    helperTextTone?: ValidationVariant;
-    wrapperClassName?: string;
-    labelClassName?: string;
-    descriptionClassName?: string;
-    helperTextClassName?: string;
-}
-export declare const SwitchField: import("react").ForwardRefExoticComponent<SwitchFieldProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/Switch/SwitchField.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{cx as l}from"class-variance-authority";import{forwardRef as t,useId as r}from"react";import{Switch as i}from"./Switch.js";const d=(e,a,t)=>l("text-base","error"===e?"text-error-default":"text-gray-default",a&&"text-gray-disabled",t),s=(e,a)=>l("text-sm text-gray-default",e&&"text-gray-disabled",a),o=(e,a,t)=>l("text-sm","accent"===e?"text-gray-default":"text-error-light",a&&"text-gray-disabled",t),n=t(({id:t,label:n,description:c,helperText:m,helperTextTone:x="default",tone:p="accent",wrapperClassName:b,labelClassName:h,descriptionClassName:f,helperTextClassName:g,className:u,...N},y)=>{const v=r(),w=t??v,C=n?`${w}-label`:void 0,T=c?`${w}-description`:void 0,j=m?`${w}-helper`:void 0,{"aria-invalid":B,...$}=N,F=[T,j].filter(e=>Boolean(e)).join(" "),S=F.length>0?F:void 0,k=Boolean($.disabled),q="error"===x&&Boolean(m);return e("div",{className:l("flex flex-col gap-2",b),"data-disabled":k,children:a("label",{className:l("flex select-none items-start gap-3","text-left",k&&"cursor-not-allowed"),"data-disabled":k,htmlFor:w,children:[e(i,{...$,"aria-describedby":S,"aria-invalid":B??(!!q||void 0),"aria-labelledby":C,className:u,id:w,ref:y,tone:p}),a("span",{className:"flex min-w-0 flex-col gap-1","data-disabled":k,children:[n?e("span",{className:d(p,k,h),"data-disabled":k,id:C,children:n}):null,c?e("span",{className:s(k,f),"data-disabled":k,id:T,children:c}):null,m?e("span",{className:l(o(p,k,g),"error"===x&&"text-error-light","success"===x&&"text-green-light"),"data-disabled":k,id:j,children:m}):null]})]})})});n.displayName="SwitchField";export{n as SwitchField};
-//# sourceMappingURL=SwitchField.js.map

package/dist/components/Switch/SwitchField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwitchField.js","sources":["../../../src/components/Switch/SwitchField.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport type { ReactNode } from 'react'\nimport { forwardRef, useId } from 'react'\n\nimport type { ValidationVariant } from '../Validation/Validation'\n\nimport { Switch, type SwitchProps, type SwitchTone } from './Switch'\n\nconst labelStyles = (\n  tone: SwitchTone,\n  disabled?: boolean,\n  className?: string\n) =>\n  cx(\n    'text-base',\n    tone === 'error' ? 'text-error-default' : 'text-gray-default',\n    disabled && 'text-gray-disabled',\n    className\n  )\n\nconst descriptionStyles = (disabled?: boolean, className?: string) =>\n  cx('text-sm text-gray-default', disabled && 'text-gray-disabled', className)\n\nconst helperTextStyles = (\n  tone: SwitchTone,\n  disabled?: boolean,\n  className?: string\n) =>\n  cx(\n    'text-sm',\n    tone === 'accent' ? 'text-gray-default' : 'text-error-light',\n    disabled && 'text-gray-disabled',\n    className\n  )\n\nexport interface SwitchFieldProps extends SwitchProps {\n  label?: ReactNode\n  description?: ReactNode\n  helperText?: ReactNode\n  helperTextTone?: ValidationVariant\n  wrapperClassName?: string\n  labelClassName?: string\n  descriptionClassName?: string\n  helperTextClassName?: string\n}\n\nexport const SwitchField = forwardRef<HTMLButtonElement, SwitchFieldProps>(\n  (\n    {\n      id,\n      label,\n      description,\n      helperText,\n      helperTextTone = 'default',\n      tone = 'accent',\n      wrapperClassName,\n      labelClassName,\n      descriptionClassName,\n      helperTextClassName,\n      className,\n      ...restProps\n    },\n    ref\n  ) => {\n    const generatedId = useId()\n    const switchId = id ?? generatedId\n    const labelId = label ? `${switchId}-label` : undefined\n    const descriptionId = description ? `${switchId}-description` : undefined\n    const helperId = helperText ? `${switchId}-helper` : undefined\n\n    const { ['aria-invalid']: ariaInvalidProp, ...switchProps } = restProps\n\n    const describedBy = [descriptionId, helperId]\n      .filter((value): value is string => Boolean(value))\n      .join(' ')\n    const ariaDescribedBy = describedBy.length > 0 ? describedBy : undefined\n\n    const isDisabled = Boolean(switchProps.disabled)\n    const hasErrorState = helperTextTone === 'error' && Boolean(helperText)\n\n    return (\n      <div\n        className={cx('flex flex-col gap-2', wrapperClassName)}\n        data-disabled={isDisabled}\n      >\n        <label\n          className={cx(\n            'flex select-none items-start gap-3',\n            'text-left',\n            isDisabled && 'cursor-not-allowed'\n          )}\n          data-disabled={isDisabled}\n          htmlFor={switchId}\n        >\n          <Switch\n            {...switchProps}\n            aria-describedby={ariaDescribedBy}\n            aria-invalid={ariaInvalidProp ?? (hasErrorState ? true : undefined)}\n            aria-labelledby={labelId}\n            className={className}\n            id={switchId}\n            ref={ref}\n            tone={tone}\n          />\n          <span\n            className=\"flex min-w-0 flex-col gap-1\"\n            data-disabled={isDisabled}\n          >\n            {label ? (\n              <span\n                className={labelStyles(tone, isDisabled, labelClassName)}\n                data-disabled={isDisabled}\n                id={labelId}\n              >\n                {label}\n              </span>\n            ) : null}\n            {description ? (\n              <span\n                className={descriptionStyles(isDisabled, descriptionClassName)}\n                data-disabled={isDisabled}\n                id={descriptionId}\n              >\n                {description}\n              </span>\n            ) : null}\n            {helperText ? (\n              <span\n                className={cx(\n                  helperTextStyles(tone, isDisabled, helperTextClassName),\n                  helperTextTone === 'error' && 'text-error-light',\n                  helperTextTone === 'success' && 'text-green-light'\n                )}\n                data-disabled={isDisabled}\n                id={helperId}\n              >\n                {helperText}\n              </span>\n            ) : null}\n          </span>\n        </label>\n      </div>\n    )\n  }\n)\n\nSwitchField.displayName = 'SwitchField'\n"],"names":["labelStyles","tone","disabled","className","cx","descriptionStyles","helperTextStyles","SwitchField","forwardRef","id","label","description","helperText","helperTextTone","wrapperClassName","labelClassName","descriptionClassName","helperTextClassName","restProps","ref","generatedId","useId","switchId","labelId","undefined","descriptionId","helperId","ariaInvalidProp","switchProps","describedBy","filter","value","Boolean","join","ariaDescribedBy","length","isDisabled","hasErrorState","_jsx","children","_jsxs","htmlFor","Switch","displayName"],"mappings":"mLAQA,MAAMA,EAAc,CAClBC,EACAC,EACAC,IAEAC,EACE,YACS,UAATH,EAAmB,qBAAuB,oBAC1CC,GAAY,qBACZC,GAGEE,EAAoB,CAACH,EAAoBC,IAC7CC,EAAG,4BAA6BF,GAAY,qBAAsBC,GAE9DG,EAAmB,CACvBL,EACAC,EACAC,IAEAC,EACE,UACS,WAATH,EAAoB,oBAAsB,mBAC1CC,GAAY,qBACZC,GAcSI,EAAcC,EACzB,EAEIC,KACAC,QACAC,cACAC,aACAC,iBAAiB,UACjBZ,OAAO,SACPa,mBACAC,iBACAC,uBACAC,sBACAd,eACGe,GAELC,KAEA,MAAMC,EAAcC,IACdC,EAAWb,GAAMW,EACjBG,EAAUb,EAAQ,GAAGY,eAAmBE,EACxCC,EAAgBd,EAAc,GAAGW,qBAAyBE,EAC1DE,EAAWd,EAAa,GAAGU,gBAAoBE,GAE7C,eAAkBG,KAAoBC,GAAgBV,EAExDW,EAAc,CAACJ,EAAeC,GACjCI,OAAQC,GAA2BC,QAAQD,IAC3CE,KAAK,KACFC,EAAkBL,EAAYM,OAAS,EAAIN,OAAcL,EAEzDY,EAAaJ,QAAQJ,EAAY1B,UACjCmC,EAAmC,UAAnBxB,GAA8BmB,QAAQpB,GAE5D,OACE0B,SACEnC,UAAWC,EAAG,sBAAuBU,mBACtBsB,EAAUG,SAEzBC,WACErC,UAAWC,EACT,qCACA,YACAgC,GAAc,sBACf,gBACcA,EACfK,QAASnB,EAAQiB,SAAA,CAEjBD,EAACI,EAAM,IACDd,qBACcM,EAAe,eACnBP,MAAoBU,QAAuBb,GAAU,kBAClDD,EACjBpB,UAAWA,EACXM,GAAIa,EACJH,IAAKA,EACLlB,KAAMA,IAERuC,UACErC,UAAU,8BAA6B,gBACxBiC,YAEd1B,EACC4B,UACEnC,UAAWH,EAAYC,EAAMmC,EAAYrB,GAAe,gBACzCqB,EACf3B,GAAIc,EAAOgB,SAEV7B,IAED,KACHC,EACC2B,EAAA,OAAA,CACEnC,UAAWE,EAAkB+B,EAAYpB,GAAqB,gBAC/CoB,EACf3B,GAAIgB,EAAac,SAEhB5B,IAED,KACHC,EACC0B,UACEnC,UAAWC,EACTE,EAAiBL,EAAMmC,EAAYnB,GAChB,UAAnBJ,GAA8B,mBACX,YAAnBA,GAAgC,oBACjC,gBACcuB,EACf3B,GAAIiB,EAAQa,SAEX3B,IAED,eAQhBL,EAAYoC,YAAc"}