@gv-tech/design-system 2.23.2 → 2.24.0

package/dist/form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.cjs","names":[],"sources":["../packages/ui-web/src/form.tsx"],"sourcesContent":["'use client';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from 'react-hook-form';\n\nimport {\n  FormControlBaseProps,\n  FormDescriptionBaseProps,\n  FormItemBaseProps,\n  FormLabelBaseProps,\n  FormMessageBaseProps,\n} from '@gv-tech/ui-core';\nimport { Label } from './label';\nimport { cn } from './lib/utils';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | null>(null);\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 useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  if (!itemContext) {\n    throw new Error('useFormField should be used within <FormItem>');\n  }\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null);\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement> & FormItemBaseProps>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId();\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn('space-y-2', className)} {...props} />\n      </FormItemContext.Provider>\n    );\n  },\n);\nFormItem.displayName = 'FormItem';\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & FormLabelBaseProps\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField();\n\n  return <Label ref={ref} className={cn(error && 'text-destructive', className)} htmlFor={formItemId} {...props} />;\n});\nFormLabel.displayName = 'FormLabel';\n\nconst FormControl = React.forwardRef<React.ElementRef<typeof Slot>, React.ComponentPropsWithoutRef<typeof Slot>>(\n  ({ ...props }, ref) => {\n    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n    return (\n      <Slot\n        ref={ref}\n        id={formItemId}\n        aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n        aria-invalid={!!error}\n        {...props}\n      />\n    );\n  },\n);\nFormControl.displayName = 'FormControl';\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement> & FormDescriptionBaseProps\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p ref={ref} id={formDescriptionId} className={cn('text-muted-foreground text-[0.8rem]', className)} {...props} />\n  );\n});\nFormDescription.displayName = 'FormDescription';\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement> & FormMessageBaseProps\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p ref={ref} id={formMessageId} className={cn('text-destructive text-[0.8rem] font-medium', className)} {...props}>\n      {body}\n    </p>\n  );\n});\nFormMessage.displayName = 'FormMessage';\n\nexport { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };\nexport type {\n  FormControlBaseProps as FormControlProps,\n  FormDescriptionBaseProps as FormDescriptionProps,\n  FormItemBaseProps as FormItemProps,\n  FormLabelBaseProps as FormLabelProps,\n  FormMessageBaseProps as FormMessageProps,\n};\n"],"mappings":"wRAwBM,EAAO,EAAA,EASP,EAAmB,EAAM,cAA4C,IAAI,EAEzE,GAGJ,CACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAiB,SAAlB,CAA2B,MAAO,CAAE,KAAM,EAAM,IAAK,YACnD,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,GAAI,CAAQ,CAAA,CACC,CAAA,EAIzB,MAAqB,CACzB,IAAM,EAAe,EAAM,WAAW,CAAgB,EAChD,EAAc,EAAM,WAAW,CAAe,EAC9C,CAAE,gBAAe,aAAc,EAAA,EAAe,EAEpD,GAAI,CAAC,EACH,MAAU,MAAM,gDAAgD,EAGlE,GAAI,CAAC,EACH,MAAU,MAAM,+CAA+C,EAGjE,IAAM,EAAa,EAAc,EAAa,KAAM,CAAS,EAEvD,CAAE,MAAO,EAEf,MAAO,CACL,KACA,KAAM,EAAa,KACnB,WAAY,GAAG,EAAG,YAClB,kBAAmB,GAAG,EAAG,wBACzB,cAAe,GAAG,EAAG,oBACrB,GAAG,CACL,CACF,EAMM,EAAkB,EAAM,cAA2C,IAAI,EAEvE,EAAW,EAAM,YACpB,CAAE,YAAW,GAAG,GAAS,IAAQ,CAChC,IAAM,EAAK,EAAM,MAAM,EAEvB,OACE,EAAA,EAAA,KAAC,EAAgB,SAAjB,CAA0B,MAAO,CAAE,IAAG,YACpC,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,UAAW,EAAA,EAAG,YAAa,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC1C,CAAA,CAE9B,CACF,EACA,EAAS,YAAc,WAEvB,IAAM,EAAY,EAAM,YAGrB,CAAE,YAAW,GAAG,GAAS,IAAQ,CAClC,GAAM,CAAE,QAAO,cAAe,EAAa,EAE3C,OAAO,EAAA,EAAA,KAAC,EAAA,MAAD,CAAY,MAAK,UAAW,EAAA,EAAG,GAAS,mBAAoB,CAAS,EAAG,QAAS,EAAY,GAAI,CAAQ,CAAA,CAClH,CAAC,EACD,EAAU,YAAc,YAExB,IAAM,EAAc,EAAM,YACvB,CAAE,GAAG,GAAS,IAAQ,CACrB,GAAM,CAAE,QAAO,aAAY,oBAAmB,iBAAkB,EAAa,EAE7E,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACO,MACL,GAAI,EACJ,mBAAmB,EAAiC,GAAG,EAAkB,GAAG,IAAjD,GAAG,IAC9B,eAAc,CAAC,CAAC,EAChB,GAAI,CACL,CAAA,CAEL,CACF,EACA,EAAY,YAAc,cAE1B,IAAM,EAAkB,EAAM,YAG3B,CAAE,YAAW,GAAG,GAAS,IAAQ,CAClC,GAAM,CAAE,qBAAsB,EAAa,EAE3C,OACE,EAAA,EAAA,KAAC,IAAD,CAAQ,MAAK,GAAI,EAAmB,UAAW,EAAA,EAAG,sCAAuC,CAAS,EAAG,GAAI,CAAQ,CAAA,CAErH,CAAC,EACD,EAAgB,YAAc,kBAE9B,IAAM,EAAc,EAAM,YAGvB,CAAE,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC5C,GAAM,CAAE,QAAO,iBAAkB,EAAa,EACxC,EAAO,EAAQ,OAAO,GAAO,SAAW,EAAE,EAAI,EAMpD,OAJK,GAKH,EAAA,EAAA,KAAC,IAAD,CAAQ,MAAK,GAAI,EAAe,UAAW,EAAA,EAAG,6CAA8C,CAAS,EAAG,GAAI,WACzG,CACA,CAAA,EANI,IAQX,CAAC,EACD,EAAY,YAAc"}
+{"version":3,"file":"form.cjs","names":[],"sources":["../packages/ui-web/src/form.tsx"],"sourcesContent":["'use client';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from 'react-hook-form';\n\nimport {\n  FormControlBaseProps,\n  FormDescriptionBaseProps,\n  FormItemBaseProps,\n  FormLabelBaseProps,\n  FormMessageBaseProps,\n} from '@gv-tech/ui-core';\nimport { Label } from './label';\nimport { cn } from './lib/utils';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | null>(null);\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 useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  if (!itemContext) {\n    throw new Error('useFormField should be used within <FormItem>');\n  }\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null);\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement> & FormItemBaseProps>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId();\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn('space-y-2', className)} {...props} />\n      </FormItemContext.Provider>\n    );\n  },\n);\nFormItem.displayName = 'FormItem';\n\nconst FormLabel = React.forwardRef<\n  React.ComponentRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & FormLabelBaseProps\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField();\n\n  return <Label ref={ref} className={cn(error && 'text-destructive', className)} htmlFor={formItemId} {...props} />;\n});\nFormLabel.displayName = 'FormLabel';\n\nconst FormControl = React.forwardRef<\n  React.ComponentRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot> & FormControlBaseProps\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n});\nFormControl.displayName = 'FormControl';\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement> & FormDescriptionBaseProps\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p ref={ref} id={formDescriptionId} className={cn('text-muted-foreground text-[0.8rem]', className)} {...props} />\n  );\n});\nFormDescription.displayName = 'FormDescription';\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement> & FormMessageBaseProps\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p ref={ref} id={formMessageId} className={cn('text-destructive text-[0.8rem] font-medium', className)} {...props}>\n      {body}\n    </p>\n  );\n});\nFormMessage.displayName = 'FormMessage';\n\nexport { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };\nexport type {\n  FormControlBaseProps as FormControlProps,\n  FormDescriptionBaseProps as FormDescriptionProps,\n  FormItemBaseProps as FormItemProps,\n  FormLabelBaseProps as FormLabelProps,\n  FormMessageBaseProps as FormMessageProps,\n};\n"],"mappings":"wRAwBM,EAAO,EAAA,EASP,EAAmB,EAAM,cAA4C,IAAI,EAEzE,GAGJ,CACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAiB,SAAlB,CAA2B,MAAO,CAAE,KAAM,EAAM,IAAK,YACnD,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,GAAI,CAAQ,CAAA,CACC,CAAA,EAIzB,MAAqB,CACzB,IAAM,EAAe,EAAM,WAAW,CAAgB,EAChD,EAAc,EAAM,WAAW,CAAe,EAC9C,CAAE,gBAAe,aAAc,EAAA,EAAe,EAEpD,GAAI,CAAC,EACH,MAAU,MAAM,gDAAgD,EAGlE,GAAI,CAAC,EACH,MAAU,MAAM,+CAA+C,EAGjE,IAAM,EAAa,EAAc,EAAa,KAAM,CAAS,EAEvD,CAAE,MAAO,EAEf,MAAO,CACL,KACA,KAAM,EAAa,KACnB,WAAY,GAAG,EAAG,YAClB,kBAAmB,GAAG,EAAG,wBACzB,cAAe,GAAG,EAAG,oBACrB,GAAG,CACL,CACF,EAMM,EAAkB,EAAM,cAA2C,IAAI,EAEvE,EAAW,EAAM,YACpB,CAAE,YAAW,GAAG,GAAS,IAAQ,CAChC,IAAM,EAAK,EAAM,MAAM,EAEvB,OACE,EAAA,EAAA,KAAC,EAAgB,SAAjB,CAA0B,MAAO,CAAE,IAAG,YACpC,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,UAAW,EAAA,EAAG,YAAa,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC1C,CAAA,CAE9B,CACF,EACA,EAAS,YAAc,WAEvB,IAAM,EAAY,EAAM,YAGrB,CAAE,YAAW,GAAG,GAAS,IAAQ,CAClC,GAAM,CAAE,QAAO,cAAe,EAAa,EAE3C,OAAO,EAAA,EAAA,KAAC,EAAA,MAAD,CAAY,MAAK,UAAW,EAAA,EAAG,GAAS,mBAAoB,CAAS,EAAG,QAAS,EAAY,GAAI,CAAQ,CAAA,CAClH,CAAC,EACD,EAAU,YAAc,YAExB,IAAM,EAAc,EAAM,YAGvB,CAAE,GAAG,GAAS,IAAQ,CACvB,GAAM,CAAE,QAAO,aAAY,oBAAmB,iBAAkB,EAAa,EAE7E,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACO,MACL,GAAI,EACJ,mBAAmB,EAAiC,GAAG,EAAkB,GAAG,IAAjD,GAAG,IAC9B,eAAc,CAAC,CAAC,EAChB,GAAI,CACL,CAAA,CAEL,CAAC,EACD,EAAY,YAAc,cAE1B,IAAM,EAAkB,EAAM,YAG3B,CAAE,YAAW,GAAG,GAAS,IAAQ,CAClC,GAAM,CAAE,qBAAsB,EAAa,EAE3C,OACE,EAAA,EAAA,KAAC,IAAD,CAAQ,MAAK,GAAI,EAAmB,UAAW,EAAA,EAAG,sCAAuC,CAAS,EAAG,GAAI,CAAQ,CAAA,CAErH,CAAC,EACD,EAAgB,YAAc,kBAE9B,IAAM,EAAc,EAAM,YAGvB,CAAE,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC5C,GAAM,CAAE,QAAO,iBAAkB,EAAa,EACxC,EAAO,EAAQ,OAAO,GAAO,SAAW,EAAE,EAAI,EAMpD,OAJK,GAKH,EAAA,EAAA,KAAC,IAAD,CAAQ,MAAK,GAAI,EAAe,UAAW,EAAA,EAAG,6CAA8C,CAAS,EAAG,GAAI,WACzG,CACA,CAAA,EANI,IAQX,CAAC,EACD,EAAY,YAAc"}

package/dist/form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.mjs","names":[],"sources":["../packages/ui-web/src/form.tsx"],"sourcesContent":["'use client';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from 'react-hook-form';\n\nimport {\n  FormControlBaseProps,\n  FormDescriptionBaseProps,\n  FormItemBaseProps,\n  FormLabelBaseProps,\n  FormMessageBaseProps,\n} from '@gv-tech/ui-core';\nimport { Label } from './label';\nimport { cn } from './lib/utils';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | null>(null);\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 useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  if (!itemContext) {\n    throw new Error('useFormField should be used within <FormItem>');\n  }\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null);\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement> & FormItemBaseProps>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId();\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn('space-y-2', className)} {...props} />\n      </FormItemContext.Provider>\n    );\n  },\n);\nFormItem.displayName = 'FormItem';\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & FormLabelBaseProps\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField();\n\n  return <Label ref={ref} className={cn(error && 'text-destructive', className)} htmlFor={formItemId} {...props} />;\n});\nFormLabel.displayName = 'FormLabel';\n\nconst FormControl = React.forwardRef<React.ElementRef<typeof Slot>, React.ComponentPropsWithoutRef<typeof Slot>>(\n  ({ ...props }, ref) => {\n    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n    return (\n      <Slot\n        ref={ref}\n        id={formItemId}\n        aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n        aria-invalid={!!error}\n        {...props}\n      />\n    );\n  },\n);\nFormControl.displayName = 'FormControl';\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement> & FormDescriptionBaseProps\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p ref={ref} id={formDescriptionId} className={cn('text-muted-foreground text-[0.8rem]', className)} {...props} />\n  );\n});\nFormDescription.displayName = 'FormDescription';\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement> & FormMessageBaseProps\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p ref={ref} id={formMessageId} className={cn('text-destructive text-[0.8rem] font-medium', className)} {...props}>\n      {body}\n    </p>\n  );\n});\nFormMessage.displayName = 'FormMessage';\n\nexport { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };\nexport type {\n  FormControlBaseProps as FormControlProps,\n  FormDescriptionBaseProps as FormDescriptionProps,\n  FormItemBaseProps as FormItemProps,\n  FormLabelBaseProps as FormLabelProps,\n  FormMessageBaseProps as FormMessageProps,\n};\n"],"mappings":";;;;;;;aAwBM,IAAO,GASP,IAAmB,EAAM,cAA4C,IAAI,GAEzE,KAGJ,EACA,GAAG,QAGD,iBAAA,GAAA,EAAA,KAAC,EAAiB,UAAlB;CAA2B,OAAO,EAAE,MAAM,EAAM,KAAK;WACnD,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAY,GAAI,EAAQ,CAAA;AACC,CAAA,GAIzB,UAAqB;CACzB,IAAM,IAAe,EAAM,WAAW,CAAgB,GAChD,IAAc,EAAM,WAAW,CAAe,GAC9C,EAAE,kBAAe,iBAAc,EAAe;CAEpD,IAAI,CAAC,GACH,MAAU,MAAM,gDAAgD;CAGlE,IAAI,CAAC,GACH,MAAU,MAAM,+CAA+C;CAGjE,IAAM,IAAa,EAAc,EAAa,MAAM,CAAS,GAEvD,EAAE,UAAO;CAEf,OAAO;EACL;EACA,MAAM,EAAa;EACnB,YAAY,GAAG,EAAG;EAClB,mBAAmB,GAAG,EAAG;EACzB,eAAe,GAAG,EAAG;EACrB,GAAG;CACL;AACF,GAMM,IAAkB,EAAM,cAA2C,IAAI,GAEvE,IAAW,EAAM,YACpB,EAAE,cAAW,GAAG,KAAS,MAAQ;CAChC,IAAM,IAAK,EAAM,MAAM;CAEvB,OACE,iBAAA,GAAA,EAAA,KAAC,EAAgB,UAAjB;EAA0B,OAAO,EAAE,MAAG;YACpC,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAU;GAAK,WAAW,EAAG,aAAa,CAAS;GAAG,GAAI;EAAQ,CAAA;CAC1C,CAAA;AAE9B,CACF;AACA,EAAS,cAAc;AAEvB,IAAM,IAAY,EAAM,YAGrB,EAAE,cAAW,GAAG,KAAS,MAAQ;CAClC,IAAM,EAAE,UAAO,kBAAe,EAAa;CAE3C,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAY;EAAK,WAAW,EAAG,KAAS,oBAAoB,CAAS;EAAG,SAAS;EAAY,GAAI;CAAQ,CAAA;AAClH,CAAC;AACD,EAAU,cAAc;AAExB,IAAM,IAAc,EAAM,YACvB,EAAE,GAAG,KAAS,MAAQ;CACrB,IAAM,EAAE,UAAO,eAAY,sBAAmB,qBAAkB,EAAa;CAE7E,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACO;EACL,IAAI;EACJ,oBAAmB,IAAiC,GAAG,EAAkB,GAAG,MAAjD,GAAG;EAC9B,gBAAc,CAAC,CAAC;EAChB,GAAI;CACL,CAAA;AAEL,CACF;AACA,EAAY,cAAc;AAE1B,IAAM,IAAkB,EAAM,YAG3B,EAAE,cAAW,GAAG,KAAS,MAAQ;CAClC,IAAM,EAAE,yBAAsB,EAAa;CAE3C,OACE,iBAAA,GAAA,EAAA,KAAC,KAAD;EAAQ;EAAK,IAAI;EAAmB,WAAW,EAAG,uCAAuC,CAAS;EAAG,GAAI;CAAQ,CAAA;AAErH,CAAC;AACD,EAAgB,cAAc;AAE9B,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC5C,IAAM,EAAE,UAAO,qBAAkB,EAAa,GACxC,IAAO,IAAQ,OAAO,GAAO,WAAW,EAAE,IAAI;CAMpD,OAJK,IAKH,iBAAA,GAAA,EAAA,KAAC,KAAD;EAAQ;EAAK,IAAI;EAAe,WAAW,EAAG,8CAA8C,CAAS;EAAG,GAAI;YACzG;CACA,CAAA,IANI;AAQX,CAAC;AACD,EAAY,cAAc"}
+{"version":3,"file":"form.mjs","names":[],"sources":["../packages/ui-web/src/form.tsx"],"sourcesContent":["'use client';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from 'react-hook-form';\n\nimport {\n  FormControlBaseProps,\n  FormDescriptionBaseProps,\n  FormItemBaseProps,\n  FormLabelBaseProps,\n  FormMessageBaseProps,\n} from '@gv-tech/ui-core';\nimport { Label } from './label';\nimport { cn } from './lib/utils';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | null>(null);\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 useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  if (!itemContext) {\n    throw new Error('useFormField should be used within <FormItem>');\n  }\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null);\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement> & FormItemBaseProps>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId();\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn('space-y-2', className)} {...props} />\n      </FormItemContext.Provider>\n    );\n  },\n);\nFormItem.displayName = 'FormItem';\n\nconst FormLabel = React.forwardRef<\n  React.ComponentRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & FormLabelBaseProps\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField();\n\n  return <Label ref={ref} className={cn(error && 'text-destructive', className)} htmlFor={formItemId} {...props} />;\n});\nFormLabel.displayName = 'FormLabel';\n\nconst FormControl = React.forwardRef<\n  React.ComponentRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot> & FormControlBaseProps\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n});\nFormControl.displayName = 'FormControl';\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement> & FormDescriptionBaseProps\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p ref={ref} id={formDescriptionId} className={cn('text-muted-foreground text-[0.8rem]', className)} {...props} />\n  );\n});\nFormDescription.displayName = 'FormDescription';\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement> & FormMessageBaseProps\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p ref={ref} id={formMessageId} className={cn('text-destructive text-[0.8rem] font-medium', className)} {...props}>\n      {body}\n    </p>\n  );\n});\nFormMessage.displayName = 'FormMessage';\n\nexport { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };\nexport type {\n  FormControlBaseProps as FormControlProps,\n  FormDescriptionBaseProps as FormDescriptionProps,\n  FormItemBaseProps as FormItemProps,\n  FormLabelBaseProps as FormLabelProps,\n  FormMessageBaseProps as FormMessageProps,\n};\n"],"mappings":";;;;;;;aAwBM,IAAO,GASP,IAAmB,EAAM,cAA4C,IAAI,GAEzE,KAGJ,EACA,GAAG,QAGD,iBAAA,GAAA,EAAA,KAAC,EAAiB,UAAlB;CAA2B,OAAO,EAAE,MAAM,EAAM,KAAK;WACnD,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAY,GAAI,EAAQ,CAAA;AACC,CAAA,GAIzB,UAAqB;CACzB,IAAM,IAAe,EAAM,WAAW,CAAgB,GAChD,IAAc,EAAM,WAAW,CAAe,GAC9C,EAAE,kBAAe,iBAAc,EAAe;CAEpD,IAAI,CAAC,GACH,MAAU,MAAM,gDAAgD;CAGlE,IAAI,CAAC,GACH,MAAU,MAAM,+CAA+C;CAGjE,IAAM,IAAa,EAAc,EAAa,MAAM,CAAS,GAEvD,EAAE,UAAO;CAEf,OAAO;EACL;EACA,MAAM,EAAa;EACnB,YAAY,GAAG,EAAG;EAClB,mBAAmB,GAAG,EAAG;EACzB,eAAe,GAAG,EAAG;EACrB,GAAG;CACL;AACF,GAMM,IAAkB,EAAM,cAA2C,IAAI,GAEvE,IAAW,EAAM,YACpB,EAAE,cAAW,GAAG,KAAS,MAAQ;CAChC,IAAM,IAAK,EAAM,MAAM;CAEvB,OACE,iBAAA,GAAA,EAAA,KAAC,EAAgB,UAAjB;EAA0B,OAAO,EAAE,MAAG;YACpC,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAU;GAAK,WAAW,EAAG,aAAa,CAAS;GAAG,GAAI;EAAQ,CAAA;CAC1C,CAAA;AAE9B,CACF;AACA,EAAS,cAAc;AAEvB,IAAM,IAAY,EAAM,YAGrB,EAAE,cAAW,GAAG,KAAS,MAAQ;CAClC,IAAM,EAAE,UAAO,kBAAe,EAAa;CAE3C,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAY;EAAK,WAAW,EAAG,KAAS,oBAAoB,CAAS;EAAG,SAAS;EAAY,GAAI;CAAQ,CAAA;AAClH,CAAC;AACD,EAAU,cAAc;AAExB,IAAM,IAAc,EAAM,YAGvB,EAAE,GAAG,KAAS,MAAQ;CACvB,IAAM,EAAE,UAAO,eAAY,sBAAmB,qBAAkB,EAAa;CAE7E,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACO;EACL,IAAI;EACJ,oBAAmB,IAAiC,GAAG,EAAkB,GAAG,MAAjD,GAAG;EAC9B,gBAAc,CAAC,CAAC;EAChB,GAAI;CACL,CAAA;AAEL,CAAC;AACD,EAAY,cAAc;AAE1B,IAAM,IAAkB,EAAM,YAG3B,EAAE,cAAW,GAAG,KAAS,MAAQ;CAClC,IAAM,EAAE,yBAAsB,EAAa;CAE3C,OACE,iBAAA,GAAA,EAAA,KAAC,KAAD;EAAQ;EAAK,IAAI;EAAmB,WAAW,EAAG,uCAAuC,CAAS;EAAG,GAAI;CAAQ,CAAA;AAErH,CAAC;AACD,EAAgB,cAAc;AAE9B,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC5C,IAAM,EAAE,UAAO,qBAAkB,EAAa,GACxC,IAAO,IAAQ,OAAO,GAAO,WAAW,EAAE,IAAI;CAMpD,OAJK,IAKH,iBAAA,GAAA,EAAA,KAAC,KAAD;EAAQ;EAAK,IAAI;EAAe,WAAW,EAAG,8CAA8C,CAAS;EAAG,GAAI;YACzG;CACA,CAAA,IANI;AAQX,CAAC;AACD,EAAY,cAAc"}

package/dist/packages/ui-core/src/contracts/accordion.d.ts

@@ -11,7 +11,7 @@ export interface AccordionItemBaseProps {
 }
 export interface AccordionTriggerBaseProps {
     className?: string;
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
 }
 export interface AccordionContentBaseProps {
     className?: string;

package/dist/packages/ui-core/src/contracts/alert-dialog.d.ts

@@ -26,14 +26,14 @@ export interface AlertDialogDescriptionBaseProps {
 }
 export interface AlertDialogActionBaseProps {
     className?: string;
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
 }
 export interface AlertDialogCancelBaseProps {
     className?: string;
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
 }
 export interface AlertDialogTriggerBaseProps {
     className?: string;
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
     asChild?: boolean;
 }

package/dist/packages/ui-core/src/contracts/alert.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare const alertVariantValues: readonly ["default", "destructive"];
+export declare const alertVariantValues: readonly ["default", "destructive", "warning", "info"];
 export type AlertVariant = (typeof alertVariantValues)[number] | null;
 export interface AlertBaseProps {
     variant?: AlertVariant;

package/dist/packages/ui-core/src/contracts/button.d.ts

@@ -1,6 +1,6 @@
 export declare const buttonVariantValues: readonly ["default", "destructive", "outline", "secondary", "ghost", "link"];
 export type ButtonVariant = (typeof buttonVariantValues)[number];
-export declare const buttonSizeValues: readonly ["default", "sm", "lg", "icon"];
+export declare const buttonSizeValues: readonly ["default", "xs", "sm", "lg", "icon", "icon-xs", "icon-sm", "icon-lg"];
 export type ButtonSize = (typeof buttonSizeValues)[number];
 export interface ButtonBaseProps {
     disabled?: boolean;

package/dist/packages/ui-core/src/contracts/carousel.d.ts

@@ -14,11 +14,13 @@ export interface CarouselItemBaseProps {
 }
 export interface CarouselPreviousBaseProps {
     className?: string;
-    variant?: string;
-    size?: string;
+    variant?: string | null;
+    size?: string | null;
+    children?: React.ReactNode;
 }
 export interface CarouselNextBaseProps {
     className?: string;
-    variant?: string;
-    size?: string;
+    variant?: string | null;
+    size?: string | null;
+    children?: React.ReactNode;
 }

package/dist/packages/ui-core/src/contracts/collapsible.d.ts

@@ -8,7 +8,7 @@ export interface CollapsibleBaseProps {
 }
 export interface CollapsibleTriggerBaseProps {
     asChild?: boolean;
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
     className?: string;
 }
 export interface CollapsibleContentBaseProps {

package/dist/packages/ui-core/src/contracts/context-menu.d.ts

@@ -2,38 +2,45 @@ import * as React from 'react';
 export interface ContextMenuBaseProps {
     children?: React.ReactNode;
 }
-export interface ContextMenuTriggerBaseProps {
-    children: React.ReactNode;
+export interface ContextMenuCheckboxItemBaseProps {
+    className?: string;
+    children?: React.ReactNode;
+    checked?: boolean | 'indeterminate';
+    onCheckedChange?: (checked: boolean) => void;
     disabled?: boolean;
 }
 export interface ContextMenuContentBaseProps {
     className?: string;
     children?: React.ReactNode;
+    align?: 'start' | 'center' | 'end';
+}
+export interface ContextMenuGroupBaseProps {
+    className?: string;
+    children?: React.ReactNode;
 }
 export interface ContextMenuItemBaseProps {
     className?: string;
     children?: React.ReactNode;
-    inset?: boolean;
     disabled?: boolean;
+    inset?: boolean;
     onSelect?: (event: Event) => void;
 }
-export interface ContextMenuCheckboxItemBaseProps {
+export interface ContextMenuLabelBaseProps {
     className?: string;
     children?: React.ReactNode;
-    checked?: boolean | 'indeterminate';
-    onCheckedChange?: (checked: boolean) => void;
-    disabled?: boolean;
+    inset?: boolean;
 }
-export interface ContextMenuRadioItemBaseProps {
+export interface ContextMenuRadioGroupBaseProps {
     className?: string;
     children?: React.ReactNode;
-    value: string;
-    disabled?: boolean;
+    value?: string;
+    onValueChange?: (value: string) => void;
 }
-export interface ContextMenuLabelBaseProps {
+export interface ContextMenuRadioItemBaseProps {
     className?: string;
     children?: React.ReactNode;
-    inset?: boolean;
+    value: string;
+    disabled?: boolean;
 }
 export interface ContextMenuSeparatorBaseProps {
     className?: string;
@@ -45,20 +52,18 @@ export interface ContextMenuShortcutBaseProps {
 export interface ContextMenuSubBaseProps {
     children?: React.ReactNode;
 }
-export interface ContextMenuSubTriggerBaseProps {
+export interface ContextMenuTriggerBaseProps {
     className?: string;
-    children?: React.ReactNode;
-    inset?: boolean;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
+    disabled?: boolean | null;
 }
 export interface ContextMenuSubContentBaseProps {
     className?: string;
     children?: React.ReactNode;
 }
-export interface ContextMenuGroupBaseProps {
-    children?: React.ReactNode;
-}
-export interface ContextMenuRadioGroupBaseProps {
+export interface ContextMenuSubTriggerBaseProps {
+    className?: string;
     children?: React.ReactNode;
-    value?: string;
-    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    inset?: boolean;
 }

package/dist/packages/ui-core/src/contracts/drawer.d.ts

@@ -4,7 +4,8 @@ export interface DrawerBaseProps {
     shouldScaleBackground?: boolean;
 }
 export interface DrawerTriggerBaseProps {
-    children: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
+    asChild?: boolean;
 }
 export interface DrawerContentBaseProps {
     className?: string;
@@ -27,5 +28,6 @@ export interface DrawerDescriptionBaseProps {
     children?: React.ReactNode;
 }
 export interface DrawerCloseBaseProps {
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
+    asChild?: boolean;
 }

package/dist/packages/ui-core/src/contracts/dropdown-menu.d.ts

@@ -6,7 +6,8 @@ export interface DropdownMenuBaseProps {
     modal?: boolean;
 }
 export interface DropdownMenuTriggerBaseProps {
-    children: React.ReactNode;
+    className?: string;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
     asChild?: boolean;
 }
 export interface DropdownMenuContentBaseProps {
@@ -56,7 +57,8 @@ export interface DropdownMenuSubBaseProps {
 }
 export interface DropdownMenuSubTriggerBaseProps {
     className?: string;
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
+    asChild?: boolean;
     inset?: boolean;
 }
 export interface DropdownMenuSubContentBaseProps {

package/dist/packages/ui-core/src/contracts/hover-card.d.ts

@@ -7,8 +7,9 @@ export interface HoverCardBaseProps {
     closeDelay?: number;
 }
 export interface HoverCardTriggerBaseProps {
-    children: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
     asChild?: boolean;
+    className?: string;
 }
 export interface HoverCardContentBaseProps {
     className?: string;

package/dist/packages/ui-core/src/contracts/menubar.d.ts

@@ -13,7 +13,7 @@ export interface MenubarMenuBaseProps {
     value?: string;
 }
 export interface MenubarTriggerBaseProps {
-    children: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
     className?: string;
     disabled?: boolean;
 }

package/dist/packages/ui-core/src/contracts/pagination.d.ts

@@ -16,7 +16,7 @@ export interface PaginationLinkBaseProps {
     children?: React.ReactNode;
     className?: string;
     isActive?: boolean;
-    size?: ButtonSize;
+    size?: ButtonSize | null;
 }
 export interface PaginationEllipsisBaseProps {
     className?: string;

package/dist/packages/ui-core/src/contracts/popover.d.ts

@@ -7,7 +7,7 @@ export interface PopoverBaseProps {
     modal?: boolean;
 }
 export interface PopoverTriggerBaseProps {
-    children: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
     className?: string;
     asChild?: boolean;
 }

package/dist/packages/ui-core/src/contracts/resizable.d.ts

@@ -9,11 +9,11 @@ export interface ResizablePanelGroupBaseProps {
 export interface ResizablePanelBaseProps {
     children?: React.ReactNode;
     className?: string;
-    defaultSize?: number;
-    minSize?: number;
-    maxSize?: number;
+    defaultSize?: number | string;
+    minSize?: number | string;
+    maxSize?: number | string;
     collapsible?: boolean;
-    collapsedSize?: number;
+    collapsedSize?: number | string;
     minPixelSize?: number;
     maxPixelSize?: number;
     order?: number;
@@ -21,7 +21,7 @@ export interface ResizablePanelBaseProps {
     id?: string;
     onCollapse?: () => void;
     onExpand?: () => void;
-    onResize?: (size: number, prevSize: number | undefined) => void;
+    onResize?: (size: any, id: string | number | undefined, prevSize: any) => void;
 }
 export interface ResizableHandleBaseProps {
     className?: string;

package/dist/packages/ui-core/src/contracts/select.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 export interface SelectBaseProps {
     children?: React.ReactNode;
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
+    value?: any;
+    defaultValue?: any;
+    onValueChange?: (value: any) => void;
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;

package/dist/packages/ui-core/src/contracts/sheet.d.ts

@@ -7,12 +7,12 @@ export interface SheetBaseProps {
     modal?: boolean;
 }
 export interface SheetTriggerBaseProps {
-    children: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
     className?: string;
     asChild?: boolean;
 }
 export interface SheetCloseBaseProps {
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
     className?: string;
     asChild?: boolean;
 }

package/dist/packages/ui-core/src/contracts/tooltip.d.ts

@@ -12,7 +12,7 @@ export interface TooltipContentBaseProps {
     avoidCollisions?: boolean;
 }
 export interface TooltipTriggerBaseProps {
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((state: any) => React.ReactNode);
     asChild?: boolean;
     className?: string;
 }

package/dist/packages/ui-web/src/__contracts.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/packages/ui-web/src/button.d.ts

@@ -4,7 +4,7 @@ import { ClassProp } from 'class-variance-authority/types';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;

package/dist/packages/ui-web/src/form.d.ts

@@ -19,7 +19,7 @@ declare const useFormField: () => {
 };
 declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & FormItemBaseProps & React.RefAttributes<HTMLDivElement>>;
 declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & FormLabelBaseProps & React.RefAttributes<HTMLLabelElement>>;
-declare const FormControl: React.ForwardRefExoticComponent<Omit< SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FormControl: React.ForwardRefExoticComponent<Omit< SlotProps & React.RefAttributes<HTMLElement>, "ref"> & FormControlBaseProps & React.RefAttributes<HTMLElement>>;
 declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & FormDescriptionBaseProps & React.RefAttributes<HTMLParagraphElement>>;
 declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & FormMessageBaseProps & React.RefAttributes<HTMLParagraphElement>>;
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };

package/dist/packages/ui-web/src/input-group.d.ts

@@ -9,7 +9,7 @@ declare const inputGroupAddonVariants: (props?: ({
 } & ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants> & InputGroupAddonBaseProps): import("react/jsx-runtime").JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
-    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
 } & ClassProp) | undefined) => string;
 declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, 'size'> & VariantProps<typeof inputGroupButtonVariants> & InputGroupButtonBaseProps): import("react/jsx-runtime").JSX.Element;
 declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'> & InputGroupTextBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/packages/ui-web/src/item.d.ts

@@ -7,7 +7,7 @@ declare function ItemGroup({ className, ...props }: React.ComponentProps<'div'>
 declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator> & ItemSeparatorBaseProps): import("react/jsx-runtime").JSX.Element;
 declare const itemVariants: (props?: ({
     variant?: "default" | "outline" | "muted" | null | undefined;
-    size?: "default" | "sm" | "xs" | null | undefined;
+    size?: "default" | "xs" | "sm" | null | undefined;
 } & ClassProp) | undefined) => string;
 declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
     asChild?: boolean;

package/dist/toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast.cjs","names":[],"sources":["../packages/ui-web/src/toast.tsx"],"sourcesContent":["'use client';\nimport * as ToastPrimitives from '@radix-ui/react-toast';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { ToastBaseProps } from '@gv-tech/ui-core';\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]',\n      className,\n    )}\n    {...props}\n  />\n));\nToastViewport.displayName = ToastPrimitives.Viewport?.displayName || 'ToastViewport';\n\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',\n  {\n    variants: {\n      variant: {\n        default: 'border bg-background text-foreground',\n        destructive: 'destructive group border-destructive bg-destructive text-destructive-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n  return <ToastPrimitives.Root ref={ref} className={cn(toastVariants({ variant }), className)} {...props} />;\n});\nToast.displayName = ToastPrimitives.Root?.displayName || 'Toast';\n\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      'hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-1 focus:outline-none disabled:pointer-events-none disabled:opacity-50',\n      className,\n    )}\n    {...props}\n  />\n));\nToastAction.displayName = ToastPrimitives.Action?.displayName || 'ToastAction';\n\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      'text-foreground/50 hover:text-foreground absolute top-1 right-1 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-1 focus:outline-none group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',\n      className,\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"h-4 w-4\" />\n  </ToastPrimitives.Close>\n));\nToastClose.displayName = ToastPrimitives.Close?.displayName || 'ToastClose';\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title ref={ref} className={cn('text-sm font-semibold [&+div]:text-xs', className)} {...props} />\n));\nToastTitle.displayName = ToastPrimitives.Title?.displayName || 'ToastTitle';\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description ref={ref} className={cn('text-sm opacity-90', className)} {...props} />\n));\nToastDescription.displayName = ToastPrimitives.Description?.displayName || 'ToastDescription';\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>;\n\nexport {\n  Toast,\n  ToastAction,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n  type ToastActionElement,\n  type ToastProps,\n};\n\n// Verify that the component satisfies the ui-core contract\nexport type ___verifyToastContract = React.ComponentProps<typeof Toast> extends ToastBaseProps ? true : false;\n"],"mappings":"+PAUM,EAAA,EAAA,GAEA,EAAgB,EAAM,YAGzB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EACT,oIACA,CACF,EACA,GAAI,CACL,CAAA,CACF,EACD,EAAc,YAAA,EAAA,IAAwC,aAAe,gBAErE,IAAM,EAAgB,EAAA,EACpB,4lBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,uCACT,YAAa,iFACf,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEM,EAAQ,EAAM,YAGjB,CAAE,YAAW,UAAS,GAAG,GAAS,KAC5B,EAAA,EAAA,KAAA,EAAA,GAAA,CAA2B,MAAK,UAAW,EAAA,EAAG,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC1G,EACD,EAAM,YAAA,EAAA,IAAoC,aAAe,QAEzD,IAAM,EAAc,EAAM,YAGvB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EACT,0dACA,CACF,EACA,GAAI,CACL,CAAA,CACF,EACD,EAAY,YAAA,EAAA,IAAsC,aAAe,cAEjE,IAAM,EAAa,EAAM,YAGtB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EACT,wVACA,CACF,EACA,cAAY,GACZ,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,UAAU,SAAW,CAAA,CACH,CAAA,CACxB,EACD,EAAW,YAAA,EAAA,IAAqC,aAAe,aAE/D,IAAM,EAAa,EAAM,YAGtB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CAA4B,MAAK,UAAW,EAAA,EAAG,wCAAyC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACjH,EACD,EAAW,YAAA,EAAA,IAAqC,aAAe,aAE/D,IAAM,EAAmB,EAAM,YAG5B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CAAkC,MAAK,UAAW,EAAA,EAAG,qBAAsB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACpG,EACD,EAAiB,YAAA,EAAA,IAA2C,aAAe"}
+{"version":3,"file":"toast.cjs","names":[],"sources":["../packages/ui-web/src/toast.tsx"],"sourcesContent":["'use client';\nimport * as ToastPrimitives from '@radix-ui/react-toast';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { ToastBaseProps } from '@gv-tech/ui-core';\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = React.forwardRef<\n  React.ComponentRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]',\n      className,\n    )}\n    {...props}\n  />\n));\nToastViewport.displayName = ToastPrimitives.Viewport?.displayName || 'ToastViewport';\n\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',\n  {\n    variants: {\n      variant: {\n        default: 'border bg-background text-foreground',\n        destructive: 'destructive group border-destructive bg-destructive text-destructive-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst Toast = React.forwardRef<\n  React.ComponentRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n  return <ToastPrimitives.Root ref={ref} className={cn(toastVariants({ variant }), className)} {...props} />;\n});\nToast.displayName = ToastPrimitives.Root?.displayName || 'Toast';\n\nconst ToastAction = React.forwardRef<\n  React.ComponentRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      'hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-1 focus:outline-none disabled:pointer-events-none disabled:opacity-50',\n      className,\n    )}\n    {...props}\n  />\n));\nToastAction.displayName = ToastPrimitives.Action?.displayName || 'ToastAction';\n\nconst ToastClose = React.forwardRef<\n  React.ComponentRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      'text-foreground/50 hover:text-foreground absolute top-1 right-1 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-1 focus:outline-none group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',\n      className,\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"h-4 w-4\" />\n  </ToastPrimitives.Close>\n));\nToastClose.displayName = ToastPrimitives.Close?.displayName || 'ToastClose';\n\nconst ToastTitle = React.forwardRef<\n  React.ComponentRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title ref={ref} className={cn('text-sm font-semibold [&+div]:text-xs', className)} {...props} />\n));\nToastTitle.displayName = ToastPrimitives.Title?.displayName || 'ToastTitle';\n\nconst ToastDescription = React.forwardRef<\n  React.ComponentRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description ref={ref} className={cn('text-sm opacity-90', className)} {...props} />\n));\nToastDescription.displayName = ToastPrimitives.Description?.displayName || 'ToastDescription';\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>;\n\nexport {\n  Toast,\n  ToastAction,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n  type ToastActionElement,\n  type ToastProps,\n};\n\n// Verify that the component satisfies the ui-core contract\nexport type ___verifyToastContract = React.ComponentProps<typeof Toast> extends ToastBaseProps ? true : false;\n"],"mappings":"+PAUM,EAAA,EAAA,GAEA,EAAgB,EAAM,YAGzB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EACT,oIACA,CACF,EACA,GAAI,CACL,CAAA,CACF,EACD,EAAc,YAAA,EAAA,IAAwC,aAAe,gBAErE,IAAM,EAAgB,EAAA,EACpB,4lBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,uCACT,YAAa,iFACf,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEM,EAAQ,EAAM,YAGjB,CAAE,YAAW,UAAS,GAAG,GAAS,KAC5B,EAAA,EAAA,KAAA,EAAA,GAAA,CAA2B,MAAK,UAAW,EAAA,EAAG,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC1G,EACD,EAAM,YAAA,EAAA,IAAoC,aAAe,QAEzD,IAAM,EAAc,EAAM,YAGvB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EACT,0dACA,CACF,EACA,GAAI,CACL,CAAA,CACF,EACD,EAAY,YAAA,EAAA,IAAsC,aAAe,cAEjE,IAAM,EAAa,EAAM,YAGtB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EACT,wVACA,CACF,EACA,cAAY,GACZ,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,EAAD,CAAG,UAAU,SAAW,CAAA,CACH,CAAA,CACxB,EACD,EAAW,YAAA,EAAA,IAAqC,aAAe,aAE/D,IAAM,EAAa,EAAM,YAGtB,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CAA4B,MAAK,UAAW,EAAA,EAAG,wCAAyC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACjH,EACD,EAAW,YAAA,EAAA,IAAqC,aAAe,aAE/D,IAAM,EAAmB,EAAM,YAG5B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CAAkC,MAAK,UAAW,EAAA,EAAG,qBAAsB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACpG,EACD,EAAiB,YAAA,EAAA,IAA2C,aAAe"}

package/dist/toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast.mjs","names":[],"sources":["../packages/ui-web/src/toast.tsx"],"sourcesContent":["'use client';\nimport * as ToastPrimitives from '@radix-ui/react-toast';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { ToastBaseProps } from '@gv-tech/ui-core';\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]',\n      className,\n    )}\n    {...props}\n  />\n));\nToastViewport.displayName = ToastPrimitives.Viewport?.displayName || 'ToastViewport';\n\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',\n  {\n    variants: {\n      variant: {\n        default: 'border bg-background text-foreground',\n        destructive: 'destructive group border-destructive bg-destructive text-destructive-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n  return <ToastPrimitives.Root ref={ref} className={cn(toastVariants({ variant }), className)} {...props} />;\n});\nToast.displayName = ToastPrimitives.Root?.displayName || 'Toast';\n\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      'hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-1 focus:outline-none disabled:pointer-events-none disabled:opacity-50',\n      className,\n    )}\n    {...props}\n  />\n));\nToastAction.displayName = ToastPrimitives.Action?.displayName || 'ToastAction';\n\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      'text-foreground/50 hover:text-foreground absolute top-1 right-1 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-1 focus:outline-none group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',\n      className,\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"h-4 w-4\" />\n  </ToastPrimitives.Close>\n));\nToastClose.displayName = ToastPrimitives.Close?.displayName || 'ToastClose';\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title ref={ref} className={cn('text-sm font-semibold [&+div]:text-xs', className)} {...props} />\n));\nToastTitle.displayName = ToastPrimitives.Title?.displayName || 'ToastTitle';\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description ref={ref} className={cn('text-sm opacity-90', className)} {...props} />\n));\nToastDescription.displayName = ToastPrimitives.Description?.displayName || 'ToastDescription';\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>;\n\nexport {\n  Toast,\n  ToastAction,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n  type ToastActionElement,\n  type ToastProps,\n};\n\n// Verify that the component satisfies the ui-core contract\nexport type ___verifyToastContract = React.ComponentProps<typeof Toast> extends ToastBaseProps ? true : false;\n"],"mappings":";;;;;;aAUM,IAAgB,GAEhB,IAAgB,EAAM,YAGzB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EACT,qIACA,CACF;CACA,GAAI;AACL,CAAA,CACF;AACD,EAAc,cAAA,GAAwC,eAAe;AAErE,IAAM,IAAgB,EACpB,6lBACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;CACf,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF,GAEM,IAAQ,EAAM,YAGjB,EAAE,cAAW,YAAS,GAAG,KAAS,MAC5B,iBAAA,GAAA,EAAA,KAAC,GAAD;CAA2B;CAAK,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;CAAG,GAAI;AAAQ,CAAA,CAC1G;AACD,EAAM,cAAA,GAAoC,eAAe;AAEzD,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EACT,2dACA,CACF;CACA,GAAI;AACL,CAAA,CACF;AACD,EAAY,cAAA,GAAsC,eAAe;AAEjE,IAAM,IAAa,EAAM,YAGtB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EACT,yVACA,CACF;CACA,eAAY;CACZ,GAAI;WAEJ,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAG,WAAU,UAAW,CAAA;AACH,CAAA,CACxB;AACD,EAAW,cAAA,GAAqC,eAAe;AAE/D,IAAM,IAAa,EAAM,YAGtB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CAA4B;CAAK,WAAW,EAAG,yCAAyC,CAAS;CAAG,GAAI;AAAQ,CAAA,CACjH;AACD,EAAW,cAAA,GAAqC,eAAe;AAE/D,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CAAkC;CAAK,WAAW,EAAG,sBAAsB,CAAS;CAAG,GAAI;AAAQ,CAAA,CACpG;AACD,EAAiB,cAAA,GAA2C,eAAe"}
+{"version":3,"file":"toast.mjs","names":[],"sources":["../packages/ui-web/src/toast.tsx"],"sourcesContent":["'use client';\nimport * as ToastPrimitives from '@radix-ui/react-toast';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from './lib/utils';\n\nimport type { ToastBaseProps } from '@gv-tech/ui-core';\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = React.forwardRef<\n  React.ComponentRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]',\n      className,\n    )}\n    {...props}\n  />\n));\nToastViewport.displayName = ToastPrimitives.Viewport?.displayName || 'ToastViewport';\n\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',\n  {\n    variants: {\n      variant: {\n        default: 'border bg-background text-foreground',\n        destructive: 'destructive group border-destructive bg-destructive text-destructive-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst Toast = React.forwardRef<\n  React.ComponentRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n  return <ToastPrimitives.Root ref={ref} className={cn(toastVariants({ variant }), className)} {...props} />;\n});\nToast.displayName = ToastPrimitives.Root?.displayName || 'Toast';\n\nconst ToastAction = React.forwardRef<\n  React.ComponentRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      'hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-1 focus:outline-none disabled:pointer-events-none disabled:opacity-50',\n      className,\n    )}\n    {...props}\n  />\n));\nToastAction.displayName = ToastPrimitives.Action?.displayName || 'ToastAction';\n\nconst ToastClose = React.forwardRef<\n  React.ComponentRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      'text-foreground/50 hover:text-foreground absolute top-1 right-1 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-1 focus:outline-none group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',\n      className,\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"h-4 w-4\" />\n  </ToastPrimitives.Close>\n));\nToastClose.displayName = ToastPrimitives.Close?.displayName || 'ToastClose';\n\nconst ToastTitle = React.forwardRef<\n  React.ComponentRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title ref={ref} className={cn('text-sm font-semibold [&+div]:text-xs', className)} {...props} />\n));\nToastTitle.displayName = ToastPrimitives.Title?.displayName || 'ToastTitle';\n\nconst ToastDescription = React.forwardRef<\n  React.ComponentRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description ref={ref} className={cn('text-sm opacity-90', className)} {...props} />\n));\nToastDescription.displayName = ToastPrimitives.Description?.displayName || 'ToastDescription';\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>;\n\nexport {\n  Toast,\n  ToastAction,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n  type ToastActionElement,\n  type ToastProps,\n};\n\n// Verify that the component satisfies the ui-core contract\nexport type ___verifyToastContract = React.ComponentProps<typeof Toast> extends ToastBaseProps ? true : false;\n"],"mappings":";;;;;;aAUM,IAAgB,GAEhB,IAAgB,EAAM,YAGzB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EACT,qIACA,CACF;CACA,GAAI;AACL,CAAA,CACF;AACD,EAAc,cAAA,GAAwC,eAAe;AAErE,IAAM,IAAgB,EACpB,6lBACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;CACf,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF,GAEM,IAAQ,EAAM,YAGjB,EAAE,cAAW,YAAS,GAAG,KAAS,MAC5B,iBAAA,GAAA,EAAA,KAAC,GAAD;CAA2B;CAAK,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;CAAG,GAAI;AAAQ,CAAA,CAC1G;AACD,EAAM,cAAA,GAAoC,eAAe;AAEzD,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EACT,2dACA,CACF;CACA,GAAI;AACL,CAAA,CACF;AACD,EAAY,cAAA,GAAsC,eAAe;AAEjE,IAAM,IAAa,EAAM,YAGtB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CACO;CACL,WAAW,EACT,yVACA,CACF;CACA,eAAY;CACZ,GAAI;WAEJ,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAG,WAAU,UAAW,CAAA;AACH,CAAA,CACxB;AACD,EAAW,cAAA,GAAqC,eAAe;AAE/D,IAAM,IAAa,EAAM,YAGtB,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CAA4B;CAAK,WAAW,EAAG,yCAAyC,CAAS;CAAG,GAAI;AAAQ,CAAA,CACjH;AACD,EAAW,cAAA,GAAqC,eAAe;AAE/D,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,GAAG,KAAS,MAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;CAAkC;CAAK,WAAW,EAAG,sBAAsB,CAAS;CAAG,GAAI;AAAQ,CAAA,CACpG;AACD,EAAiB,cAAA,GAA2C,eAAe"}