@komensal/ui 0.16.0 → 0.17.0

package/dist/chunk-Y7PKMFTB.js

@@ -0,0 +1,295 @@
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/utils/color.ts
+function isLightColor(hex) {
+  const raw = hex.replace("#", "");
+  const normalized = raw.length === 3 ? [...raw].map((c) => c + c).join("") : raw;
+  const r = parseInt(normalized.slice(0, 2), 16);
+  const g = parseInt(normalized.slice(2, 4), 16);
+  const b = parseInt(normalized.slice(4, 6), 16);
+  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+  return luminance > 0.6;
+}
+
+// src/utils/format.ts
+var DEFAULT_CURRENCY = "COP";
+var DEFAULT_LOCALE = "es-CO";
+function capitalize(value) {
+  if (!value) return "";
+  const trimmed = value.trimStart();
+  if (trimmed.length === 0) return value;
+  return trimmed.charAt(0).toLocaleUpperCase("es") + trimmed.slice(1);
+}
+function formatNumber(value, locale = DEFAULT_LOCALE) {
+  return new Intl.NumberFormat(locale, { style: "decimal" }).format(value);
+}
+function formatPrice(value, locale = DEFAULT_LOCALE, currency = DEFAULT_CURRENCY) {
+  return new Intl.NumberFormat(locale, {
+    currency,
+    maximumFractionDigits: 0,
+    style: "currency"
+  }).format(value).replace(/\s/g, "");
+}
+
+// src/utils/styles.ts
+var focusRing = cn("focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none");
+var inputSurface = cn(
+  "w-full rounded-[10px] px-3 text-base font-normal",
+  "border-border bg-surface text-foreground border",
+  "transition-all duration-200 ease-in-out",
+  "placeholder:text-icon-muted placeholder:text-sm placeholder:leading-none placeholder:font-normal",
+  "disabled:bg-inactive disabled:text-inactive-text disabled:border-inactive disabled:placeholder:text-inactive-text disabled:cursor-not-allowed"
+);
+var inputBase = cn("flex h-[50px] items-center justify-between gap-[10px]", inputSurface);
+var inputPlaceholder = cn("text-icon-muted text-sm leading-none font-normal");
+var inputDisabled = cn("cursor-not-allowed opacity-50");
+var inputCompact = cn(
+  "border-border bg-surface text-foreground focus:border-primary focus:ring-ring h-9 w-full rounded-lg border px-2.5 text-sm focus:ring-2 focus:outline-none"
+);
+var inputFocus = cn(
+  "focus:outline-none focus-visible:outline-none",
+  "focus-visible:ring-ring focus-visible:border-primary focus-visible:ring-2",
+  "data-[state=open]:ring-ring data-[state=open]:border-primary data-[state=open]:ring-2"
+);
+
+// src/utils/tag-emoji.ts
+var TAG_EMOJI_RULES = [
+  { emoji: "\u{1F336}\uFE0F", keywords: ["picante", "picoso", "spicy"] },
+  { emoji: "\u{1F95C}", keywords: ["nuez", "nueces", "mani", "cacahuate", "frutos secos"] },
+  { emoji: "\u{1F331}", keywords: ["vegano", "vegetariano", "vegan"] },
+  { emoji: "\u{1F33E}", keywords: ["sin gluten", "gluten free"] },
+  { emoji: "\u{1F95B}", keywords: ["lacteos", "leche", "lactosa"] },
+  { emoji: "\u{1F990}", keywords: ["marisco", "camaron"] },
+  { emoji: "\u{1F525}", keywords: ["popular", "top ventas"] },
+  { emoji: "\u{1F195}", keywords: ["nuevo", "new"] },
+  { emoji: "\u{1F36C}", keywords: ["dulce"] },
+  { emoji: "\u{1F9CA}", keywords: ["frio", "helado"] }
+];
+function getTagEmoji(tag) {
+  const normalized = normalize(tag);
+  const match = TAG_EMOJI_RULES.find((rule) => rule.keywords.some((keyword) => normalized.includes(keyword)));
+  return match?.emoji ?? null;
+}
+function normalize(text) {
+  return text.toLowerCase().normalize("NFD").replace(/\p{Diacritic}/gu, "");
+}
+
+// src/utils/toast-emitter.ts
+var emitToast = null;
+var toast = {
+  error(options) {
+    emit("destructive", options);
+  },
+  info(options) {
+    emit("info", options);
+  },
+  success(options) {
+    emit("success", options);
+  },
+  wait(options) {
+    emit("wait", options);
+  },
+  warning(options) {
+    emit("warning", options);
+  }
+};
+function registerToastEmitter(fn) {
+  emitToast = fn;
+}
+function emit(type, options) {
+  if (!emitToast) return;
+  if (typeof options === "string") {
+    emitToast(type, { title: options });
+  } else {
+    emitToast(type, options);
+  }
+}
+
+// src/utils/url.ts
+function isSafeUrl(url) {
+  if (url.trim() === "") return false;
+  try {
+    const parsed = new URL(url, "https://placeholder.invalid");
+    return parsed.protocol === "http:" || parsed.protocol === "https:";
+  } catch {
+    return false;
+  }
+}
+
+// src/utils/z-index.ts
+var zPopover = "z-50";
+var zDialogOverlay = "z-60";
+var zDialogContent = "z-70";
+var zPopoverAboveDialog = "z-100";
+var zToast = "z-4000";
+
+// src/components/form-context.ts
+import * as React from "react";
+import { useFormContext } from "react-hook-form";
+var FormFieldContext = React.createContext(null);
+var FormItemContext = React.createContext(null);
+var getFormItemId = (id) => `${id}-form-item`;
+var useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const { formState, getFieldState } = useFormContext();
+  if (!fieldContext) {
+    throw new Error("useFormField must be used within <FormField>");
+  }
+  if (!itemContext) {
+    throw new Error("useFormField must be used within <FormItem>");
+  }
+  const fieldState = getFieldState(fieldContext.name, formState);
+  const { id } = itemContext;
+  return {
+    formDescriptionId: `${id}-form-item-description`,
+    formItemId: getFormItemId(id),
+    formMessageId: `${id}-form-item-message`,
+    id,
+    name: fieldContext.name,
+    ...fieldState
+  };
+};
+var useFormControlProps = () => {
+  const { error, formItemId, formMessageId } = useFormField();
+  return {
+    "aria-describedby": error?.message ? formMessageId : void 0,
+    "aria-invalid": !!error,
+    id: formItemId
+  };
+};
+var useOptionalFormItemId = () => {
+  const itemContext = React.useContext(FormItemContext);
+  return itemContext ? getFormItemId(itemContext.id) : void 0;
+};
+
+// src/components/form.tsx
+import { Slot } from "@radix-ui/react-slot";
+import * as React2 from "react";
+import { Controller, FormProvider } from "react-hook-form";
+import { jsx } from "react/jsx-runtime";
+var Form = FormProvider;
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
+};
+var FormItem = React2.forwardRef(
+  ({ className, ...props }, ref) => {
+    const id = React2.useId();
+    return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { className: cn("space-y-1", className), ref, ...props }) });
+  }
+);
+FormItem.displayName = "FormItem";
+var FormControl = React2.forwardRef(
+  ({ ...props }, ref) => {
+    const controlProps = useFormControlProps();
+    return /* @__PURE__ */ jsx(Slot, { ...controlProps, ref, ...props });
+  }
+);
+FormControl.displayName = "FormControl";
+var FormMessage = React2.forwardRef(
+  ({ children, className, ...props }, ref) => {
+    const { error, formMessageId } = useFormField();
+    const body = error?.message ? String(error.message) : children;
+    if (!body) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx("p", { className: cn("text-destructive text-xs font-medium", className), id: formMessageId, ref, ...props, children: body });
+  }
+);
+FormMessage.displayName = "FormMessage";
+
+// src/components/label.tsx
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+import * as React3 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+var Label = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(LabelPrimitive.Root, { className: cn(labelVariants(), className), ref, ...props }));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/form-fields/label-field.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var LabelField = ({ htmlFor, label, labelClassName, name, visualRequired }) => {
+  const formItemId = useOptionalFormItemId();
+  return /* @__PURE__ */ jsxs(
+    Label,
+    {
+      className: cn("text-body mb-2 text-start text-sm leading-none font-normal tracking-normal", labelClassName),
+      htmlFor: htmlFor ?? formItemId ?? name,
+      children: [
+        /* @__PURE__ */ jsx3("span", { children: label }),
+        " ",
+        visualRequired && /* @__PURE__ */ jsx3("span", { className: "text-destructive", children: " *" })
+      ]
+    }
+  );
+};
+
+// src/components/form-fields/form-field-shell.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var FieldControl = ({ children }) => {
+  const controlProps = useFormControlProps();
+  return /* @__PURE__ */ jsx4(Fragment, { children: children(controlProps) });
+};
+var FormFieldShell = ({
+  children,
+  hasError,
+  label,
+  labelClassName,
+  mainClassName,
+  name,
+  visualRequired
+}) => /* @__PURE__ */ jsxs2(FormItem, { className: cn("flex flex-col", mainClassName), children: [
+  /* @__PURE__ */ jsx4(
+    LabelField,
+    {
+      label,
+      labelClassName: cn(labelClassName, hasError && "text-destructive"),
+      name,
+      visualRequired
+    }
+  ),
+  /* @__PURE__ */ jsx4(FieldControl, { children }),
+  /* @__PURE__ */ jsx4(FormMessage, {})
+] });
+
+export {
+  cn,
+  isLightColor,
+  capitalize,
+  formatNumber,
+  formatPrice,
+  focusRing,
+  inputSurface,
+  inputBase,
+  inputPlaceholder,
+  inputDisabled,
+  inputCompact,
+  inputFocus,
+  getTagEmoji,
+  toast,
+  registerToastEmitter,
+  isSafeUrl,
+  zPopover,
+  zDialogOverlay,
+  zDialogContent,
+  zPopoverAboveDialog,
+  zToast,
+  useFormField,
+  Form,
+  FormField,
+  FormItem,
+  FormControl,
+  FormMessage,
+  Label,
+  LabelField,
+  FormFieldShell
+};
+//# sourceMappingURL=chunk-Y7PKMFTB.js.map

package/dist/chunk-Y7PKMFTB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/cn.ts","../src/utils/color.ts","../src/utils/format.ts","../src/utils/styles.ts","../src/utils/tag-emoji.ts","../src/utils/toast-emitter.ts","../src/utils/url.ts","../src/utils/z-index.ts","../src/components/form-context.ts","../src/components/form.tsx","../src/components/label.tsx","../src/components/form-fields/label-field.tsx","../src/components/form-fields/form-field-shell.tsx"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","export function isLightColor(hex: string): boolean {\n  const raw = hex.replace('#', '')\n  const normalized = raw.length === 3 ? [...raw].map((c) => c + c).join('') : raw\n  const r = parseInt(normalized.slice(0, 2), 16)\n  const g = parseInt(normalized.slice(2, 4), 16)\n  const b = parseInt(normalized.slice(4, 6), 16)\n  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255\n\n  return luminance > 0.6\n}\n","const DEFAULT_CURRENCY = 'COP'\nconst DEFAULT_LOCALE = 'es-CO'\n\nexport function capitalize(value: null | string | undefined): string {\n  if (!value) return ''\n  const trimmed = value.trimStart()\n  if (trimmed.length === 0) return value\n  return trimmed.charAt(0).toLocaleUpperCase('es') + trimmed.slice(1)\n}\n\nexport function formatNumber(value: number, locale = DEFAULT_LOCALE): string {\n  return new Intl.NumberFormat(locale, { style: 'decimal' }).format(value)\n}\n\nexport function formatPrice(value: number, locale = DEFAULT_LOCALE, currency = DEFAULT_CURRENCY): string {\n  return new Intl.NumberFormat(locale, {\n    currency,\n    maximumFractionDigits: 0,\n    style: 'currency'\n  })\n    .format(value)\n    .replace(/\\s/g, '')\n}\n","import { cn } from './cn'\n\nexport const focusRing = cn('focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none')\n\nexport const inputSurface = cn(\n  'w-full rounded-[10px] px-3 text-base font-normal',\n  'border-border bg-surface text-foreground border',\n  'transition-all duration-200 ease-in-out',\n  'placeholder:text-icon-muted placeholder:text-sm placeholder:leading-none placeholder:font-normal',\n  'disabled:bg-inactive disabled:text-inactive-text disabled:border-inactive disabled:placeholder:text-inactive-text disabled:cursor-not-allowed'\n)\n\nexport const inputBase = cn('flex h-[50px] items-center justify-between gap-[10px]', inputSurface)\n\nexport const inputPlaceholder = cn('text-icon-muted text-sm leading-none font-normal')\n\nexport const inputDisabled = cn('cursor-not-allowed opacity-50')\n\nexport const inputCompact = cn(\n  'border-border bg-surface text-foreground focus:border-primary focus:ring-ring h-9 w-full rounded-lg border px-2.5 text-sm focus:ring-2 focus:outline-none'\n)\n\nexport const inputFocus = cn(\n  'focus:outline-none focus-visible:outline-none',\n  'focus-visible:ring-ring focus-visible:border-primary focus-visible:ring-2',\n  'data-[state=open]:ring-ring data-[state=open]:border-primary data-[state=open]:ring-2'\n)\n","const TAG_EMOJI_RULES: { emoji: string; keywords: string[] }[] = [\n  { emoji: '🌶️', keywords: ['picante', 'picoso', 'spicy'] },\n  { emoji: '🥜', keywords: ['nuez', 'nueces', 'mani', 'cacahuate', 'frutos secos'] },\n  { emoji: '🌱', keywords: ['vegano', 'vegetariano', 'vegan'] },\n  { emoji: '🌾', keywords: ['sin gluten', 'gluten free'] },\n  { emoji: '🥛', keywords: ['lacteos', 'leche', 'lactosa'] },\n  { emoji: '🦐', keywords: ['marisco', 'camaron'] },\n  { emoji: '🔥', keywords: ['popular', 'top ventas'] },\n  { emoji: '🆕', keywords: ['nuevo', 'new'] },\n  { emoji: '🍬', keywords: ['dulce'] },\n  { emoji: '🧊', keywords: ['frio', 'helado'] }\n]\n\nexport function getTagEmoji(tag: string): null | string {\n  const normalized = normalize(tag)\n  const match = TAG_EMOJI_RULES.find((rule) => rule.keywords.some((keyword) => normalized.includes(keyword)))\n  return match?.emoji ?? null\n}\n\nfunction normalize(text: string): string {\n  return text\n    .toLowerCase()\n    .normalize('NFD')\n    .replace(/\\p{Diacritic}/gu, '')\n}\n","import { ToastOptions, ToastType } from '../types/toast'\n\ntype ToastEmitter = ((type: ToastType, options: ToastOptions) => void) | null\n\nlet emitToast: ToastEmitter = null\n\nexport const toast = {\n  error(options: string | ToastOptions) {\n    emit('destructive', options)\n  },\n  info(options: string | ToastOptions) {\n    emit('info', options)\n  },\n  success(options: string | ToastOptions) {\n    emit('success', options)\n  },\n  wait(options: string | ToastOptions) {\n    emit('wait', options)\n  },\n  warning(options: string | ToastOptions) {\n    emit('warning', options)\n  }\n}\n\nexport function registerToastEmitter(fn: ToastEmitter) {\n  emitToast = fn\n}\n\nfunction emit(type: ToastType, options: string | ToastOptions) {\n  if (!emitToast) return\n\n  if (typeof options === 'string') {\n    emitToast(type, { title: options })\n  } else {\n    emitToast(type, options)\n  }\n}\n","export function isSafeUrl(url: string): boolean {\n  if (url.trim() === '') return false\n  try {\n    const parsed = new URL(url, 'https://placeholder.invalid')\n    return parsed.protocol === 'http:' || parsed.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n","export const zPopover = 'z-50'\nexport const zDialogOverlay = 'z-60'\nexport const zDialogContent = 'z-70'\nexport const zPopoverAboveDialog = 'z-100'\nexport const zToast = 'z-4000'\n","import * as React from 'react'\nimport { FieldPath, FieldValues, useFormContext } from 'react-hook-form'\n\nexport interface FormControlA11yProps {\n  'aria-describedby'?: string\n  'aria-invalid': boolean\n  id: string\n}\n\ninterface FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> {\n  name: TName\n}\n\ninterface FormItemContextValue {\n  id: string\n}\n\nexport const FormFieldContext = React.createContext<FormFieldContextValue | null>(null)\n\nexport const FormItemContext = React.createContext<FormItemContextValue | null>(null)\n\nexport const getFormItemId = (id: string) => `${id}-form-item`\n\nexport const useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { formState, getFieldState } = useFormContext()\n\n  if (!fieldContext) {\n    throw new Error('useFormField must be used within <FormField>')\n  }\n\n  if (!itemContext) {\n    throw new Error('useFormField must be used within <FormItem>')\n  }\n\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  const { id } = itemContext\n\n  return {\n    formDescriptionId: `${id}-form-item-description`,\n    formItemId: getFormItemId(id),\n    formMessageId: `${id}-form-item-message`,\n    id,\n    name: fieldContext.name,\n    ...fieldState\n  }\n}\n\nexport const useFormControlProps = (): FormControlA11yProps => {\n  const { error, formItemId, formMessageId } = useFormField()\n\n  return {\n    'aria-describedby': error?.message ? formMessageId : undefined,\n    'aria-invalid': !!error,\n    id: formItemId\n  }\n}\n\nexport const useOptionalFormItemId = () => {\n  const itemContext = React.useContext(FormItemContext)\n  return itemContext ? getFormItemId(itemContext.id) : undefined\n}\n","import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\nimport { Controller, ControllerProps, FieldPath, FieldValues, FormProvider } from 'react-hook-form'\n\nimport { cn } from '../utils'\nimport { FormFieldContext, FormItemContext, useFormControlProps, useFormField } from './form-context'\n\nconst Form = FormProvider\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId()\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div className={cn('space-y-1', className)} ref={ref} {...props} />\n      </FormItemContext.Provider>\n    )\n  }\n)\nFormItem.displayName = 'FormItem'\n\nconst FormControl = React.forwardRef<React.ElementRef<typeof Slot>, React.ComponentPropsWithoutRef<typeof Slot>>(\n  ({ ...props }, ref) => {\n    const controlProps = useFormControlProps()\n\n    return <Slot {...controlProps} ref={ref} {...props} />\n  }\n)\nFormControl.displayName = 'FormControl'\n\nconst FormMessage = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n  ({ children, className, ...props }, ref) => {\n    const { error, formMessageId } = useFormField()\n    const body = error?.message ? String(error.message) : children\n\n    if (!body) {\n      return null\n    }\n\n    return (\n      <p className={cn('text-destructive text-xs font-medium', className)} id={formMessageId} ref={ref} {...props}>\n        {body}\n      </p>\n    )\n  }\n)\nFormMessage.displayName = 'FormMessage'\n\nexport { Form, FormControl, FormField, FormItem, FormMessage, useFormField }\n","import * as LabelPrimitive from '@radix-ui/react-label'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../utils'\n\nconst labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70')\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root className={cn(labelVariants(), className)} ref={ref} {...props} />\n))\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n","import { cn } from '../../utils'\nimport { useOptionalFormItemId } from '../form-context'\nimport { Label } from '../label'\n\ninterface LabelFieldProps {\n  htmlFor?: string\n  label?: string\n  labelClassName?: string\n  name: string\n  visualRequired?: boolean\n}\n\nexport const LabelField = ({ htmlFor, label, labelClassName, name, visualRequired }: LabelFieldProps) => {\n  const formItemId = useOptionalFormItemId()\n\n  return (\n    <Label\n      className={cn('text-body mb-2 text-start text-sm leading-none font-normal tracking-normal', labelClassName)}\n      htmlFor={htmlFor ?? formItemId ?? name}\n    >\n      <span>{label}</span> {visualRequired && <span className='text-destructive'> *</span>}\n    </Label>\n  )\n}\n","import type { ReactNode } from 'react'\n\nimport { cn } from '../../utils'\nimport { FormItem, FormMessage } from '../form'\nimport { type FormControlA11yProps, useFormControlProps } from '../form-context'\nimport { LabelField } from './label-field'\n\ninterface FormFieldShellProps {\n  children: (controlProps: FormControlA11yProps) => ReactNode\n  hasError?: boolean\n  label?: string\n  labelClassName?: string\n  mainClassName?: string\n  name: string\n  visualRequired?: boolean\n}\n\nconst FieldControl = ({ children }: { children: FormFieldShellProps['children'] }) => {\n  const controlProps = useFormControlProps()\n  return <>{children(controlProps)}</>\n}\n\nexport const FormFieldShell = ({\n  children,\n  hasError,\n  label,\n  labelClassName,\n  mainClassName,\n  name,\n  visualRequired\n}: FormFieldShellProps) => (\n  <FormItem className={cn('flex flex-col', mainClassName)}>\n    <LabelField\n      label={label}\n      labelClassName={cn(labelClassName, hasError && 'text-destructive')}\n      name={name}\n      visualRequired={visualRequired}\n    />\n    <FieldControl>{children}</FieldControl>\n    <FormMessage />\n  </FormItem>\n)\n"],"mappings":"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","names":["React","React","jsx","jsx","jsx","jsxs"]}

package/dist/index.d.ts

@@ -6,7 +6,6 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps, Control, Path, FieldError, Noop } from 'react-hook-form';
-export { GoogleMapPicker, GoogleMapPickerProps, MapPickerField, ResolvedAddress } from './maps.js';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { OTPInput } from 'input-otp';
 import * as PopoverPrimitive from '@radix-ui/react-popover';

package/dist/index.js

@@ -5,10 +5,8 @@ import {
   FormFieldShell,
   FormItem,
   FormMessage,
-  GoogleMapPicker,
   Label,
   LabelField,
-  MapPickerField,
   capitalize,
   cn,
   focusRing,
@@ -31,7 +29,7 @@ import {
   zPopover,
   zPopoverAboveDialog,
   zToast
-} from "./chunk-5VBG6IKL.js";
+} from "./chunk-Y7PKMFTB.js";
 import {
   ui_default
 } from "./chunk-FDVY36KS.js";
@@ -44,7 +42,7 @@ var AddTile = React.forwardRef(
     "button",
     {
       className: cn(
-        "group border-border text-muted hover:border-primary-hover hover:bg-brand-200 hover:text-primary focus-visible:ring-ring flex min-h-92.5 cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border-2 border-dashed transition-colors focus-visible:ring-2 focus-visible:outline-none",
+        "group border-border text-muted hover:border-primary-hover hover:bg-brand-subtle hover:text-primary focus-visible:ring-ring flex min-h-92.5 cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border-2 border-dashed transition-colors focus-visible:ring-2 focus-visible:outline-none",
         className
       ),
       ref,
@@ -192,7 +190,7 @@ var variants = {
   primary: "var(--color-spinner-primary)",
   secondary: "var(--color-spinner-secondary)"
 };
-var Spinner = ({ className = "", loadingLabel, size = "md", variant = "primary" }) => {
+var Spinner = ({ className = "", loadingLabel, size = "md", variant }) => {
   const t = useUiT();
   return /* @__PURE__ */ jsxs5(Fragment2, { children: [
     /* @__PURE__ */ jsx6(
@@ -202,7 +200,7 @@ var Spinner = ({ className = "", loadingLabel, size = "md", variant = "primary"
         fill: "currentColor",
         focusable: "false",
         height: sizes[size],
-        stroke: variants[variant],
+        style: variant ? { color: variants[variant] } : void 0,
         viewBox: "0 0 100 100",
         width: sizes[size],
         xmlns: "http://www.w3.org/2000/svg",
@@ -338,21 +336,27 @@ var Button = React5.forwardRef(
     variant,
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    const buttonNode = /* @__PURE__ */ jsxs7(
-      Comp,
+    const classes = cn(buttonVariants({ hoverStyle, size, variant }), isLoading && "relative", className);
+    const buttonNode = asChild ? /* @__PURE__ */ jsx8(Slot, { "aria-busy": isLoading || void 0, className: classes, ref, ...props, children }) : /* @__PURE__ */ jsxs7(
+      "button",
       {
         "aria-busy": isLoading || void 0,
-        className: cn(buttonVariants({ hoverStyle, size, variant }), isLoading && "relative opacity-40", className),
+        className: classes,
         disabled: disabled === true || isLoading,
         ref,
         ...props,
         children: [
-          iconLeft,
-          icon,
-          /* @__PURE__ */ jsx8("span", { className: cn("flex w-full items-center justify-center gap-2", childrenClassName), children }),
-          iconRight,
-          isLoading && /* @__PURE__ */ jsx8("div", { className: "bg-foreground/10 absolute inset-0 flex items-center justify-center backdrop-blur-sm", children: /* @__PURE__ */ jsx8(Spinner, { size: "sm" }) })
+          isLoading ? /* @__PURE__ */ jsx8("span", { className: "invisible contents", children: iconLeft }) : iconLeft,
+          isLoading ? /* @__PURE__ */ jsx8("span", { className: "invisible contents", children: icon }) : icon,
+          /* @__PURE__ */ jsx8(
+            "span",
+            {
+              className: cn("flex w-full items-center justify-center gap-2", isLoading && "invisible", childrenClassName),
+              children
+            }
+          ),
+          isLoading ? /* @__PURE__ */ jsx8("span", { className: "invisible contents", children: iconRight }) : iconRight,
+          isLoading && /* @__PURE__ */ jsx8("div", { className: "absolute inset-0 flex items-center justify-center rounded-[inherit]", children: /* @__PURE__ */ jsx8(Spinner, { size: "sm" }) })
         ]
       }
     );
@@ -525,7 +529,7 @@ var CommandItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
   CommandPrimitive.Item,
   {
     className: cn(
-      "relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+      "data-[selected=true]:bg-hover data-[selected=true]:text-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
       className
     ),
     ref,
@@ -1106,9 +1110,9 @@ var SelectInput = (props) => {
                     "hover:bg-hover mt-0.5 mb-0.5 flex cursor-pointer items-center gap-2 rounded-sm py-2 pl-3",
                     valueValue === value && "bg-inactive"
                   ),
-                  onSelect: (currentValue) => {
-                    onChange?.(currentValue);
-                    onValueChange(currentValue);
+                  onSelect: () => {
+                    onChange?.(valueValue);
+                    onValueChange(valueValue);
                     setOpen(false);
                     if (queryResetRef.current) clearTimeout(queryResetRef.current);
                     queryResetRef.current = setTimeout(() => setQuery(""), QUERY_RESET_DELAY_MS);
@@ -1262,7 +1266,7 @@ var Stepper = ({ activeIndex, className, intermediate = false, steps }) => {
               "flex h-5.5 w-5.5 shrink-0 items-center justify-center rounded-full border text-xs font-semibold transition-colors md:h-6.5 md:w-6.5",
               isCompleted && "bg-primary border-primary text-inverse",
               isActive && "bg-primary border-primary text-inverse",
-              !isCompleted && !isActive && "bg-inactive border-inactive text-inverse"
+              !isCompleted && !isActive && "bg-inactive border-inactive text-inactive-text"
             ),
             children: isCompleted ? /* @__PURE__ */ jsx22(CheckIcon, { "aria-hidden": true, className: "h-4 w-4" }) : index + 1
           }
@@ -1395,6 +1399,7 @@ function Toast({ duration = 2500, id, onClose, subtitle, title, type }) {
 // src/components/toast/toast-provider.tsx
 import { useCallback as useCallback2, useEffect as useEffect5, useLayoutEffect, useMemo as useMemo3, useRef as useRef5, useState as useState5 } from "react";
 import { Fragment as Fragment4, jsx as jsx26 } from "react/jsx-runtime";
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect5 : useLayoutEffect;
 function ToastProvider() {
   const [toasts, setToasts] = useState5([]);
   const itemRefs = useRef5(/* @__PURE__ */ new Map());
@@ -1425,7 +1430,7 @@ function ToastProvider() {
       return acc;
     }, {});
   }, [toasts]);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     const newRects = /* @__PURE__ */ new Map();
     itemRefs.current.forEach((el, id) => {
       newRects.set(id, el.getBoundingClientRect());
@@ -1518,7 +1523,6 @@ export {
   FormField,
   FormItem,
   FormMessage,
-  GoogleMapPicker,
   Input,
   InputField,
   InputOTP,
@@ -1526,7 +1530,6 @@ export {
   InputOTPSlot,
   Label,
   LabelField,
-  MapPickerField,
   OTPField,
   PasswordChecklist,
   Popover,