@skalar-saas/design-system 0.2.5 → 0.2.7

package/dist/shared/ui/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface CheckboxGroupOption {
+    value: string | number;
+    label: React.ReactNode;
+    caption?: string;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    className?: string;
+}
+export interface CheckboxGroupProps {
+    options: CheckboxGroupOption[];
+    value: (string | number)[];
+    onChange: (value: (string | number)[]) => void;
+    size?: 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    orientation?: 'vertical' | 'horizontal';
+    withSelectAll?: boolean;
+    selectAllLabel?: string;
+    className?: string;
+}
+export declare const CheckboxGroup: ({ options, value, onChange, size, disabled, orientation, withSelectAll, selectAllLabel, className, }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/CheckboxGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckboxGroup } from './CheckboxGroup';
+export type { CheckboxGroupProps, CheckboxGroupOption } from './CheckboxGroup';

package/dist/shared/ui/DropSizePicker/DropSizePicker.d.ts

@@ -24,4 +24,19 @@ declare const DropSizePickerContent: {
     }): React.ReactPortal | null;
     displayName: string;
 };
-export { DropSizePicker, DropSizePickerTrigger, DropSizePickerContent };
+export interface SizePickerProps {
+    value: SizeValue;
+    onChange: (value: SizeValue) => void;
+    className?: string;
+    /** Muestra el título "Size" arriba (default: true). */
+    showTitle?: boolean;
+}
+/**
+ * Selector de tamaño SIEMPRE visible (mismo contenido que el popover del DropSizePicker,
+ * pero inline). Úsalo cuando el control de tamaño vive dentro de un panel.
+ */
+declare const SizePicker: {
+    ({ value, onChange, className, showTitle }: SizePickerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropSizePicker, DropSizePickerTrigger, DropSizePickerContent, SizePicker };

package/dist/shared/ui/DropSizePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { DropSizePicker, DropSizePickerTrigger, DropSizePickerContent } from './DropSizePicker';
-export type { DropSizePickerProps, SizeValue } from './DropSizePicker';
+export { DropSizePicker, DropSizePickerTrigger, DropSizePickerContent, SizePicker } from './DropSizePicker';
+export type { DropSizePickerProps, SizePickerProps, SizeValue } from './DropSizePicker';

package/dist/shared/ui/LinkGroup/LinkGroup.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface LinkGroupItem {
+    label: React.ReactNode;
+    href?: string;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    trailingIconPosition?: 'inline' | 'end';
+    showLeadingIcon?: boolean;
+    showTrailingIcon?: boolean;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+    target?: string;
+    rel?: string;
+    variant?: 'neutral' | 'info';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    disableUnderline?: boolean;
+    className?: string;
+}
+export interface LinkGroupProps {
+    items: LinkGroupItem[];
+    variant?: 'neutral' | 'info';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    orientation?: 'vertical' | 'horizontal';
+    withDividers?: boolean;
+    disableUnderline?: boolean;
+    className?: string;
+}
+export declare const LinkGroup: ({ items, variant, size, orientation, withDividers, disableUnderline, className, }: LinkGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/LinkGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { LinkGroup } from './LinkGroup';
+export type { LinkGroupProps, LinkGroupItem } from './LinkGroup';

package/dist/shared/ui/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface ToggleGroupOption {
+    value: string | number;
+    label: React.ReactNode;
+    caption?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export interface ToggleGroupProps {
+    options: ToggleGroupOption[];
+    value: (string | number)[];
+    onChange: (value: (string | number)[]) => void;
+    size?: 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    orientation?: 'vertical' | 'horizontal';
+    togglePosition?: 'left' | 'right';
+    className?: string;
+}
+export declare const ToggleGroup: ({ options, value, onChange, size, disabled, orientation, togglePosition, className, }: ToggleGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared/ui/ToggleGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { ToggleGroup } from './ToggleGroup';
+export type { ToggleGroupProps, ToggleGroupOption } from './ToggleGroup';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skalar-saas/design-system",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "type": "module",
   "description": "Skalar Design System - UI component library",
   "author": "Skalar Team",