bsm-design-system 1.22.18 → 1.23.0

package/index.d.mts

@@ -194,7 +194,7 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "group cursor-pointer border-2 border-transparent  inline-flex shrink-0 items-center rounded-full transition-all\n  data-[state=checked]:text-brand-secondary\n  data-[state=unchecked]:text-icon-secondary\n  outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", unknown, unknown, undefined>>;
 
-type DefaultType$4 = Omit<
+type DefaultType$5 = Omit<
   React.ComponentProps<typeof Root>,
   "onCheckedChange" | "onChange"
 >;
@@ -209,7 +209,7 @@ type SwitchProps = {
    * Switch onChange event
    */
   onChange?: (checked: boolean) => void;
-} & DefaultType$4;
+} & DefaultType$5;
 
 /**
  * A switch component
@@ -260,7 +260,7 @@ declare const radioVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "grid gap-3", unknown, unknown, undefined>>;
 
-type DefaultType$3 = Omit<
+type DefaultType$4 = Omit<
   React.ComponentProps<typeof Root$1>,
   "onValueChange" | "onChange"
 >;
@@ -277,7 +277,7 @@ type RadioProps = {
    * RadioGroup onChange event
    */
   onChange?: (value: string) => void;
-} & DefaultType$3;
+} & DefaultType$4;
 
 declare function RadioGroup({ className, size, disabled, orientation, onChange, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
 declare namespace RadioGroup {
@@ -316,14 +316,14 @@ declare const checkboxVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "peer cursor-pointer transition-all shrink-0 rounded-sm border-2 outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", unknown, unknown, undefined>>;
 
-type DefaultType$2 = Omit<
+type DefaultType$3 = Omit<
   React.ComponentProps<typeof Root$2>,
   "onCheckedChange" | "onChange"
 >;
 
 type CheckboxSize = keyof typeof checkboxVariants.variants.size;
 
-interface CheckboxProps extends DefaultType$2 {
+interface CheckboxProps extends DefaultType$3 {
   /**
    * Checkbox size
    */
@@ -363,11 +363,11 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "peer w-full text-fg  disabled:text-fg-disabled min-w-0 flex-1 rounded-none border-0 placeholder:text-fg-quaternary placeholder:font-light bg-transparent px-3 text-center shadow-none outline-none focus-visible:ring-0!", unknown, unknown, undefined>>;
 
-type DefaultType$1 = Omit<React.ComponentProps<"input">, "size">;
+type DefaultType$2 = Omit<React.ComponentProps<"input">, "size">;
 
 type InputSize = keyof typeof inputVariants.variants.size;
 
-interface InputProps extends DefaultType$1 {
+interface InputProps extends DefaultType$2 {
   /**
    * Input Size
    */
@@ -471,7 +471,7 @@ declare const containerVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "bg-surface-sunken inline-flex items-center justify-center p-1 gap-1", unknown, unknown, undefined>>;
 
-type DefaultType = Omit<
+type DefaultType$1 = Omit<
   React.ComponentProps<typeof TabsPrimitive.Root>,
   "onValueChange" | "onChange"
 >;
@@ -499,7 +499,7 @@ type SegmentButtonType = {
    * Segment Button onChange event
    */
   onChange?: (value: string) => void;
-} & DefaultType;
+} & DefaultType$1;
 
 declare function SegmentButton({ className, size, disabled, rounded, fullWidth, children, onChange, ...props }: SegmentButtonType): react_jsx_runtime.JSX.Element;
 declare namespace SegmentButton {
@@ -1159,6 +1159,29 @@ declare function ScrollArea({ className, children, viewportClassName, ...props }
 
 declare function DynamicBreadcrumb({ items, seperator, maxVisible, LinkComponent, }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
 
+type DefaultType = Omit<React.ComponentProps<"textarea">, "size">;
+
+interface TextAreaProps extends DefaultType {
+  /**
+   * Input label
+   */
+  label?: string;
+  /**
+   * Input Error State
+   */
+  error?: boolean;
+  /**
+   * Input Rounded State
+   */
+  rounded?: boolean;
+  /**
+   * Input helpertext Icon
+   */
+  helperText?: string;
+}
+
+declare function Textarea({ className, error, readOnly, disabled, helperText, label, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
+
 declare const RULES: {
     readonly ONLY_DIGITS: RegExp;
     readonly ONLY_CHARS: RegExp;
@@ -1173,4 +1196,4 @@ declare const isNoSpace: (value: string) => boolean;
 
 declare const toEnglishDigits: (value: string) => string;
 
-export { Accordion, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertTypes, type AlertVariants, DynamicBreadcrumb as Breadcrumb, type BreadcrumbItemType, type BreadcrumbProps, Button, type ButtonColors, type ButtonProps, type ButtonSize, type ButtonVariant, Card, Checkbox, type CheckboxProps, type CheckboxSize, Badge as Chips, type ChipsType, type ChipsVariantType, SmartDialog as Dialog, type DialogHeaderBarProps, type SmartDialogProps as DialogProps, type DialogSize, SmartSheet as Drawer, type DrawerHeader, type DrawerProps, type DrawerSide, DropdownMenu, type IconType, Input, InputOTP, type InputProps, type InputSize, NestedAccordionMenu as ListMenu, type MultiSelectProps, type MultiSelectValueType, type OTPProps, type OrientationType, Pagination, type PaginationProps, Popover, type PopoverContent$1 as PopoverContent, type PopoverProps, type PopoverTrigger$1 as PopoverTrigger, RULES, RadioGroup, type RadioItemProps, type RadioProps, type RadioSize, ScrollArea, SegmentButton, type SegmentButtonSize, type SegmentButtonType, Select, type SelectOptionType, type SelectProps, type SingleSelectProps, type SingleSelectValueType, Skeleton, type StateAction, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Table, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariants, Tag, type TagType, type TagVariantsType, Tooltip, isNoSpace, isOnlyChars, isOnlyDigits, isOnlyDigitsAndChars, toEnglishDigits };
+export { Accordion, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertTypes, type AlertVariants, DynamicBreadcrumb as Breadcrumb, type BreadcrumbItemType, type BreadcrumbProps, Button, type ButtonColors, type ButtonProps, type ButtonSize, type ButtonVariant, Card, Checkbox, type CheckboxProps, type CheckboxSize, Badge as Chips, type ChipsType, type ChipsVariantType, SmartDialog as Dialog, type DialogHeaderBarProps, type SmartDialogProps as DialogProps, type DialogSize, SmartSheet as Drawer, type DrawerHeader, type DrawerProps, type DrawerSide, DropdownMenu, type IconType, Input, InputOTP, type InputProps, type InputSize, NestedAccordionMenu as ListMenu, type MultiSelectProps, type MultiSelectValueType, type OTPProps, type OrientationType, Pagination, type PaginationProps, Popover, type PopoverContent$1 as PopoverContent, type PopoverProps, type PopoverTrigger$1 as PopoverTrigger, RULES, RadioGroup, type RadioItemProps, type RadioProps, type RadioSize, ScrollArea, SegmentButton, type SegmentButtonSize, type SegmentButtonType, Select, type SelectOptionType, type SelectProps, type SingleSelectProps, type SingleSelectValueType, Skeleton, type StateAction, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Table, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariants, Tag, type TagType, type TagVariantsType, Textarea, Tooltip, isNoSpace, isOnlyChars, isOnlyDigits, isOnlyDigitsAndChars, toEnglishDigits };

package/index.d.ts

@@ -194,7 +194,7 @@ declare const switchVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "group cursor-pointer border-2 border-transparent  inline-flex shrink-0 items-center rounded-full transition-all\n  data-[state=checked]:text-brand-secondary\n  data-[state=unchecked]:text-icon-secondary\n  outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", unknown, unknown, undefined>>;
 
-type DefaultType$4 = Omit<
+type DefaultType$5 = Omit<
   React.ComponentProps<typeof Root>,
   "onCheckedChange" | "onChange"
 >;
@@ -209,7 +209,7 @@ type SwitchProps = {
    * Switch onChange event
    */
   onChange?: (checked: boolean) => void;
-} & DefaultType$4;
+} & DefaultType$5;
 
 /**
  * A switch component
@@ -260,7 +260,7 @@ declare const radioVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "grid gap-3", unknown, unknown, undefined>>;
 
-type DefaultType$3 = Omit<
+type DefaultType$4 = Omit<
   React.ComponentProps<typeof Root$1>,
   "onValueChange" | "onChange"
 >;
@@ -277,7 +277,7 @@ type RadioProps = {
    * RadioGroup onChange event
    */
   onChange?: (value: string) => void;
-} & DefaultType$3;
+} & DefaultType$4;
 
 declare function RadioGroup({ className, size, disabled, orientation, onChange, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
 declare namespace RadioGroup {
@@ -316,14 +316,14 @@ declare const checkboxVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "peer cursor-pointer transition-all shrink-0 rounded-sm border-2 outline-none focus-visible:ring-offset-surface focus-visible:ring-offset-3 focus-visible:ring-2 focus-visible:ring-focus-ring", unknown, unknown, undefined>>;
 
-type DefaultType$2 = Omit<
+type DefaultType$3 = Omit<
   React.ComponentProps<typeof Root$2>,
   "onCheckedChange" | "onChange"
 >;
 
 type CheckboxSize = keyof typeof checkboxVariants.variants.size;
 
-interface CheckboxProps extends DefaultType$2 {
+interface CheckboxProps extends DefaultType$3 {
   /**
    * Checkbox size
    */
@@ -363,11 +363,11 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "peer w-full text-fg  disabled:text-fg-disabled min-w-0 flex-1 rounded-none border-0 placeholder:text-fg-quaternary placeholder:font-light bg-transparent px-3 text-center shadow-none outline-none focus-visible:ring-0!", unknown, unknown, undefined>>;
 
-type DefaultType$1 = Omit<React.ComponentProps<"input">, "size">;
+type DefaultType$2 = Omit<React.ComponentProps<"input">, "size">;
 
 type InputSize = keyof typeof inputVariants.variants.size;
 
-interface InputProps extends DefaultType$1 {
+interface InputProps extends DefaultType$2 {
   /**
    * Input Size
    */
@@ -471,7 +471,7 @@ declare const containerVariants: tailwind_variants.TVReturnType<{
     };
 }, undefined, "bg-surface-sunken inline-flex items-center justify-center p-1 gap-1", unknown, unknown, undefined>>;
 
-type DefaultType = Omit<
+type DefaultType$1 = Omit<
   React.ComponentProps<typeof TabsPrimitive.Root>,
   "onValueChange" | "onChange"
 >;
@@ -499,7 +499,7 @@ type SegmentButtonType = {
    * Segment Button onChange event
    */
   onChange?: (value: string) => void;
-} & DefaultType;
+} & DefaultType$1;
 
 declare function SegmentButton({ className, size, disabled, rounded, fullWidth, children, onChange, ...props }: SegmentButtonType): react_jsx_runtime.JSX.Element;
 declare namespace SegmentButton {
@@ -1159,6 +1159,29 @@ declare function ScrollArea({ className, children, viewportClassName, ...props }
 
 declare function DynamicBreadcrumb({ items, seperator, maxVisible, LinkComponent, }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
 
+type DefaultType = Omit<React.ComponentProps<"textarea">, "size">;
+
+interface TextAreaProps extends DefaultType {
+  /**
+   * Input label
+   */
+  label?: string;
+  /**
+   * Input Error State
+   */
+  error?: boolean;
+  /**
+   * Input Rounded State
+   */
+  rounded?: boolean;
+  /**
+   * Input helpertext Icon
+   */
+  helperText?: string;
+}
+
+declare function Textarea({ className, error, readOnly, disabled, helperText, label, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
+
 declare const RULES: {
     readonly ONLY_DIGITS: RegExp;
     readonly ONLY_CHARS: RegExp;
@@ -1173,4 +1196,4 @@ declare const isNoSpace: (value: string) => boolean;
 
 declare const toEnglishDigits: (value: string) => string;
 
-export { Accordion, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertTypes, type AlertVariants, DynamicBreadcrumb as Breadcrumb, type BreadcrumbItemType, type BreadcrumbProps, Button, type ButtonColors, type ButtonProps, type ButtonSize, type ButtonVariant, Card, Checkbox, type CheckboxProps, type CheckboxSize, Badge as Chips, type ChipsType, type ChipsVariantType, SmartDialog as Dialog, type DialogHeaderBarProps, type SmartDialogProps as DialogProps, type DialogSize, SmartSheet as Drawer, type DrawerHeader, type DrawerProps, type DrawerSide, DropdownMenu, type IconType, Input, InputOTP, type InputProps, type InputSize, NestedAccordionMenu as ListMenu, type MultiSelectProps, type MultiSelectValueType, type OTPProps, type OrientationType, Pagination, type PaginationProps, Popover, type PopoverContent$1 as PopoverContent, type PopoverProps, type PopoverTrigger$1 as PopoverTrigger, RULES, RadioGroup, type RadioItemProps, type RadioProps, type RadioSize, ScrollArea, SegmentButton, type SegmentButtonSize, type SegmentButtonType, Select, type SelectOptionType, type SelectProps, type SingleSelectProps, type SingleSelectValueType, Skeleton, type StateAction, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Table, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariants, Tag, type TagType, type TagVariantsType, Tooltip, isNoSpace, isOnlyChars, isOnlyDigits, isOnlyDigitsAndChars, toEnglishDigits };
+export { Accordion, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertTypes, type AlertVariants, DynamicBreadcrumb as Breadcrumb, type BreadcrumbItemType, type BreadcrumbProps, Button, type ButtonColors, type ButtonProps, type ButtonSize, type ButtonVariant, Card, Checkbox, type CheckboxProps, type CheckboxSize, Badge as Chips, type ChipsType, type ChipsVariantType, SmartDialog as Dialog, type DialogHeaderBarProps, type SmartDialogProps as DialogProps, type DialogSize, SmartSheet as Drawer, type DrawerHeader, type DrawerProps, type DrawerSide, DropdownMenu, type IconType, Input, InputOTP, type InputProps, type InputSize, NestedAccordionMenu as ListMenu, type MultiSelectProps, type MultiSelectValueType, type OTPProps, type OrientationType, Pagination, type PaginationProps, Popover, type PopoverContent$1 as PopoverContent, type PopoverProps, type PopoverTrigger$1 as PopoverTrigger, RULES, RadioGroup, type RadioItemProps, type RadioProps, type RadioSize, ScrollArea, SegmentButton, type SegmentButtonSize, type SegmentButtonType, Select, type SelectOptionType, type SelectProps, type SingleSelectProps, type SingleSelectValueType, Skeleton, type StateAction, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Table, Tabs, type TabsContentProps, type TabsListProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariants, Tag, type TagType, type TagVariantsType, Textarea, Tooltip, isNoSpace, isOnlyChars, isOnlyDigits, isOnlyDigitsAndChars, toEnglishDigits };