@ztwoint/z-ui 0.2.0-beta.0 → 0.2.0-beta.1

package/dist/types/v2/assets/icons/reduce.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function ReduceIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/icons/refresh.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function RefreshIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/icons/settings.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function SettingsIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/icons/share.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function ShareIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/icons/slash.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function SlashIcon({ fill, strokewidth, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/icons/sort.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function SortIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/icons/star-filled.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function StarFilled({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/icons/timer.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function TimerIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/icons/trash.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function TrashIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/icons/unlock.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function UnlockIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/icons/upload.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function UploadIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/icons/user.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function UserIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/icons/users.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function UsersIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/icons/xmark.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function XmarkIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/v2/assets/index.d.ts

@@ -0,0 +1,2 @@
+export * from './icon';
+export * from './icon.type';

package/dist/types/v2/atoms/actions/breadcrumb-link.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+declare const breadcrumbLinkVariants: (props?: ({
+    type?: "previous" | "current" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface Z2BreadcrumbLinkProps extends Omit<React.ComponentProps<'a'>, 'type' | 'children'>, VariantProps<typeof breadcrumbLinkVariants> {
+    label: string;
+}
+declare function Z2BreadcrumbLink({ className, type, label, ...props }: Z2BreadcrumbLinkProps): import("react/jsx-runtime").JSX.Element;
+export { Z2BreadcrumbLink, type Z2BreadcrumbLinkProps };

package/dist/types/v2/atoms/actions/button.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "danger" | "ghost" | "primary" | "secondary" | "tertiary" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'children'>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    label?: string;
+}
+declare function Button({ className, variant, size, asChild, leadingIcon, trailingIcon, label, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants, type ButtonProps };

package/dist/types/v2/atoms/actions/index.d.ts

@@ -0,0 +1,3 @@
+export * from './button';
+export * from './breadcrumb-link';
+export * from './tab-button';

package/dist/types/v2/atoms/actions/tab-button.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface TabButtonProps extends Omit<React.ComponentProps<'button'>, 'children'> {
+    label?: string;
+    numberBadgeLabel?: string;
+    active?: boolean;
+    leadingIcon?: React.ReactNode | null;
+    trailingIcon?: React.ReactNode | null;
+}
+declare function TabButton({ className, label, numberBadgeLabel, leadingIcon, trailingIcon, active, disabled, ...props }: TabButtonProps): import("react/jsx-runtime").JSX.Element;
+export { TabButton, type TabButtonProps };

package/dist/types/v2/atoms/actions/tooltip.d.ts

@@ -0,0 +1,8 @@
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+interface TooltipProps extends Omit<RadixTooltip.TooltipContentProps, 'children' | 'asChild'> {
+    children: React.ReactNode;
+    title: string;
+    description?: string;
+}
+declare function Tooltip({ children, title, description, side }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipProps };

package/dist/types/v2/atoms/index.d.ts

@@ -0,0 +1,3 @@
+export * from './inputs';
+export * from './indicators';
+export * from './actions';

package/dist/types/v2/atoms/indicators/badge.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const z2BadgeVariants: (props?: ({
+    color?: "success" | "warning" | "danger" | "neutral" | "brand" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
+    type?: "pill" | "plain" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Z2Badge({ className, color, size, type, label, leadingIcon, trailingIcon, numberBadge, ...props }: Omit<React.ComponentProps<'span'>, 'children'> & VariantProps<typeof z2BadgeVariants> & {
+    label?: string;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    numberBadge?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export { Z2Badge, z2BadgeVariants };

package/dist/types/v2/atoms/indicators/featured-icon.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const featuredIconVariants: (props?: ({
+    color?: "success" | "warning" | "neutral" | "brand" | "gray" | "error" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
+    type?: "strong" | "subtle" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type Z2FeaturedIconProps = Omit<React.ComponentProps<'span'>, 'children'> & VariantProps<typeof featuredIconVariants> & {
+    icon?: React.ReactNode;
+};
+declare function Z2FeaturedIcon({ className, color, size, type, icon, ...props }: Z2FeaturedIconProps): import("react/jsx-runtime").JSX.Element;
+export { Z2FeaturedIcon, type Z2FeaturedIconProps };

package/dist/types/v2/atoms/indicators/index.d.ts

@@ -0,0 +1,4 @@
+export * from './badge';
+export * from './number-badge';
+export * from './featured-icon';
+export * from './stepper';

package/dist/types/v2/atoms/indicators/number-badge.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const numberBadgeVariants: (props?: ({
+    color?: "success" | "warning" | "neutral" | "brand" | "muted" | "error" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function NumberBadge({ className, color, label, ...props }: Omit<React.ComponentProps<'span'>, 'children'> & VariantProps<typeof numberBadgeVariants> & {
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export { NumberBadge, numberBadgeVariants };

package/dist/types/v2/atoms/indicators/stepper.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface StepperProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    label?: string;
+    progress?: 'incomplete' | 'active' | 'completed';
+    location?: 'default' | 'last';
+    disabled?: boolean;
+}
+declare function Stepper({ className, label, progress, location, disabled, ...props }: StepperProps): import("react/jsx-runtime").JSX.Element;
+export { Stepper };

package/dist/types/v2/atoms/inputs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './input';
+export * from './label';

package/dist/types/v2/atoms/inputs/input.d.ts

@@ -0,0 +1,17 @@
+type InputRoundness = 'FULL' | 'NONE' | 'LEFT' | 'RIGHT';
+type Semantic = 'info' | 'warning' | 'success' | 'danger';
+interface InputProps extends React.ComponentProps<'input'> {
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    roundness?: InputRoundness;
+    validationMessage?: string;
+    semantic?: Semantic;
+    dimension?: 'small' | 'medium' | 'large';
+}
+declare const inputContainerVariants: (props?: ({
+    dimension?: "small" | "large" | "medium" | null | undefined;
+    roundness?: "LEFT" | "RIGHT" | "FULL" | "NONE" | null | undefined;
+    semantic?: "success" | "warning" | "danger" | "info" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Input({ className, type, leadingIcon, trailingIcon, dimension, roundness, semantic, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export { Input, type InputProps, type InputRoundness, type Semantic, inputContainerVariants };

package/dist/types/v2/atoms/inputs/label.d.ts

@@ -0,0 +1,18 @@
+declare const labelVariants: (props?: ({
+    type?: "data" | "input" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+interface LabelProps {
+    htmlFor?: string;
+    className?: string;
+    type: 'input' | 'data';
+    label: string;
+    description?: string;
+    required?: boolean;
+    disabled?: boolean;
+    helperText?: string | {
+        title: string;
+        description?: string;
+    };
+}
+declare function Label({ htmlFor, className, type, label, description, required, disabled, helperText, }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export { Label, type LabelProps, labelVariants };

package/dist/types/v2/index.d.ts

@@ -0,0 +1,4 @@
+export * from './assets';
+export * from './atoms';
+export * from './molecules';
+export * from './organisms';

package/dist/types/v2/molecules/actions/breadcrumb-group.d.ts

@@ -0,0 +1,6 @@
+import { Z2BreadcrumbLinkProps } from '../../atoms/actions/breadcrumb-link';
+interface Z2BreadcrumbGroupProps {
+    links: Z2BreadcrumbLinkProps[];
+}
+declare const Z2BreadcrumbGroup: ({ links }: Z2BreadcrumbGroupProps) => import("react/jsx-runtime").JSX.Element;
+export { Z2BreadcrumbGroup, type Z2BreadcrumbGroupProps };

package/dist/types/v2/molecules/actions/index.d.ts

@@ -0,0 +1 @@
+export * from './breadcrumb-group';

package/dist/types/v2/molecules/actions/tab-group.d.ts

@@ -0,0 +1,6 @@
+import { TabButtonProps } from '../../atoms';
+interface TabGroupProps {
+    tabs: TabButtonProps[];
+}
+declare function TabGroup({ tabs }: TabGroupProps): import("react/jsx-runtime").JSX.Element;
+export { TabGroup, type TabGroupProps };

package/dist/types/v2/molecules/index.d.ts

@@ -0,0 +1,2 @@
+export * from './kpi-card';
+export * from './actions';

package/dist/types/v2/molecules/kpi-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './kpi-card';
+export * from './kpi-card.type';

package/dist/types/v2/molecules/kpi-card/kpi-card.d.ts

@@ -0,0 +1,3 @@
+import { Z2KpiCardProps } from './kpi-card.type';
+declare const Z2KpiCard: ({ header, footer, ...props }: Z2KpiCardProps) => import("react/jsx-runtime").JSX.Element;
+export { Z2KpiCard };

package/dist/types/v2/molecules/kpi-card/kpi-card.type.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Z2FeaturedIconProps } from '../../atoms/indicators/featured-icon';
+import { ButtonProps } from '../../atoms';
+export interface Z2KpiCardProps extends React.ComponentProps<'div'> {
+    header: Z2KpiCardHeaderProps;
+    footer: Z2KpiCardFooterProps;
+    active?: boolean;
+}
+export interface Z2KpiCardFooterProps extends React.ComponentProps<'div'> {
+    text: string;
+    icon?: React.ReactNode;
+    showIcon?: boolean;
+    featuredIcon?: Z2FeaturedIconProps;
+}
+export interface Z2KpiCardHeaderProps extends React.ComponentProps<'div'> {
+    title: string;
+    description?: string;
+    infoButton?: ButtonProps;
+    moreActions?: ButtonProps;
+}

package/dist/types/v2/organisms/field/field-error.d.ts

@@ -0,0 +1,6 @@
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<'div'> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react/jsx-runtime").JSX.Element | null;
+export { FieldError };

package/dist/types/v2/organisms/field/field-group.d.ts

@@ -0,0 +1,2 @@
+declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { FieldGroup };

package/dist/types/v2/organisms/field/field-set.d.ts

@@ -0,0 +1,2 @@
+declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): import("react/jsx-runtime").JSX.Element;
+export { FieldSet };

package/dist/types/v2/organisms/field/field.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from 'class-variance-authority';
+import { LabelProps } from '../../atoms/inputs/label';
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ label, description, required, disabled, helperText, className, }: Omit<LabelProps, 'type'>): import("react/jsx-runtime").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<'div'> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export { Field, FieldLabel, FieldSeparator, FieldContent };

package/dist/types/v2/organisms/index.d.ts

@@ -0,0 +1,3 @@
+export * from './kpi-card-group';
+export * from './topbar';
+export * from './tab-bar';

package/dist/types/v2/organisms/kpi-card-group.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Z2KpiCardProps } from '../molecules';
+interface Z2KpiCardGroupProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    cards: Z2KpiCardProps[];
+}
+declare const Z2KpiCardGroup: ({ className, cards, ...props }: Z2KpiCardGroupProps) => import("react/jsx-runtime").JSX.Element;
+export { Z2KpiCardGroup, type Z2KpiCardGroupProps };

package/dist/types/v2/organisms/tab-bar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TabGroupProps } from '../molecules/actions/tab-group';
+interface TabBarProps extends TabGroupProps {
+    children?: React.ReactNode;
+}
+declare function TabBar({ tabs, children }: TabBarProps): import("react/jsx-runtime").JSX.Element;
+export { TabBar, type TabBarProps };

package/dist/types/v2/organisms/topbar.d.ts

@@ -0,0 +1,6 @@
+import { Z2BreadcrumbLinkProps } from '../atoms/actions/breadcrumb-link';
+interface TopbarProps extends React.ComponentProps<'div'> {
+    breadcrumbLinks: Z2BreadcrumbLinkProps[];
+}
+declare const Topbar: ({ breadcrumbLinks, className, children, ...props }: TopbarProps) => import("react/jsx-runtime").JSX.Element;
+export { Topbar };

package/dist/v2/assets/icon.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { IconName, IconProps } from './icon.type';
+declare const Icon: ({ name, ...props }: IconProps & {
+    name: IconName;
+}) => React.ReactNode;
+export default Icon;

package/dist/v2/assets/icon.js

@@ -0,0 +1,191 @@
+import { DotsIcon as m } from "./icons/dots.js";
+import { SlashIcon as i } from "./icons/slash.js";
+import { PercentageIcon as e } from "./icons/percentage.js";
+import { ArrowDownIcon as c } from "./icons/arrow-down.js";
+import { ArrowLeftIcon as n } from "./icons/arrow-left.js";
+import { ArrowUpIcon as t } from "./icons/arrow-up.js";
+import { ArrowRightIcon as p } from "./icons/arrow-right.js";
+import { ChevronDownIcon as f } from "./icons/chevron-down.js";
+import { ChevronUpIcon as I } from "./icons/chevron-up.js";
+import { ChevronLeftIcon as a } from "./icons/chevron-left.js";
+import { ChevronRightIcon as l } from "./icons/chevron-right.js";
+import { CaretDownIcon as d } from "./icons/caret-down.js";
+import { CaretUpIcon as s } from "./icons/caret-up.js";
+import { CaretLeftIcon as h } from "./icons/caret-left.js";
+import { CaretRightIcon as C } from "./icons/caret-right.js";
+import { CircleCheckIcon as k } from "./icons/circle-check.js";
+import { CircleCheckFilled as u } from "./icons/circle-check-filled.js";
+import { CircleWarningIcon as g } from "./icons/circle-warning.js";
+import { XmarkIcon as w } from "./icons/xmark.js";
+import { CircleXmarkIcon as M } from "./icons/circle-xmark.js";
+import { CircleMinusIcon as x } from "./icons/circle-minus.js";
+import { CirclePlusIcon as U } from "./icons/circle-plus.js";
+import { DownloadIcon as L } from "./icons/download.js";
+import { UploadIcon as v } from "./icons/upload.js";
+import { RefreshIcon as P } from "./icons/refresh.js";
+import { ExportIcon as R } from "./icons/export.js";
+import { ImportIcon as y } from "./icons/import.js";
+import { ShareIcon as S } from "./icons/share.js";
+import { ExternalLinkIcon as A } from "./icons/external-link.js";
+import { ExpandIcon as F } from "./icons/expand.js";
+import { ReduceIcon as D } from "./icons/reduce.js";
+import { MaximizeIcon as b } from "./icons/maximize.js";
+import { MinimizeIcon as E } from "./icons/minimize.js";
+import { FullScreenIcon as z } from "./icons/full-screen.js";
+import { FileIcon as N } from "./icons/file.js";
+import { FolderIcon as O } from "./icons/folder.js";
+import { FolderOpenIcon as X } from "./icons/folder-open.js";
+import { ClipboardIcon as Q } from "./icons/clipboard.js";
+import { EnvelopeIcon as T } from "./icons/envelope.js";
+import { MsgIcon as W } from "./icons/msg.js";
+import { NotificationIcon as B } from "./icons/notification.js";
+import { BellIcon as G } from "./icons/bell.js";
+import { MediaPlayIcon as _ } from "./icons/media-play.js";
+import { MediaPauseIcon as j } from "./icons/media-pause.js";
+import { MediaStopIcon as q } from "./icons/media-stop.js";
+import { MediaNextIcon as H } from "./icons/media-next.js";
+import { MediaPreviousIcon as J } from "./icons/media-previous.js";
+import { ClockIcon as K } from "./icons/clock.js";
+import { CalendarIcon as V } from "./icons/calendar.js";
+import { TimerIcon as Y } from "./icons/timer.js";
+import { UserIcon as Z } from "./icons/user.js";
+import { UsersIcon as $ } from "./icons/users.js";
+import { LocationIcon as oo } from "./icons/location.js";
+import { MapIcon as ro } from "./icons/map.js";
+import { PinIcon as mo } from "./icons/pin.js";
+import { CheckboxCheckedIcon as io } from "./icons/checkbox-checked.js";
+import { CheckboxUncheckedIcon as eo } from "./icons/checkbox-unchecked.js";
+import { RadioCheckedIcon as co } from "./icons/radio-checked.js";
+import { RadioUncheckedIcon as no } from "./icons/radio-unchecked.js";
+import { ChartIcon as to } from "./icons/chart.js";
+import { MoneyIcon as po } from "./icons/money.js";
+import { AwardIcon as fo } from "./icons/award.js";
+import { GridIcon as Io } from "./icons/grid.js";
+import { LayersIcon as ao } from "./icons/layers.js";
+import { AlignLeftIcon as lo } from "./icons/align-left.js";
+import { AlignRightIcon as so } from "./icons/align-right.js";
+import { AlignCenterIcon as ho } from "./icons/align-center.js";
+import { MagnifierIcon as Co } from "./icons/magnifier.js";
+import { FilterIcon as ko } from "./icons/filter.js";
+import { SortIcon as uo } from "./icons/sort.js";
+import { SettingsIcon as go } from "./icons/settings.js";
+import { MenuIcon as wo } from "./icons/menu.js";
+import { MoreIcon as Mo } from "./icons/more.js";
+import { LockIcon as xo } from "./icons/lock.js";
+import { UnlockIcon as Uo } from "./icons/unlock.js";
+import { EyeIcon as Lo } from "./icons/eye.js";
+import { EyeCrossedIcon as vo } from "./icons/eye-crossed.js";
+import { TrashIcon as Po } from "./icons/trash.js";
+import { EditIcon as Ro } from "./icons/edit.js";
+import { PlusIcon as yo } from "./icons/plus.js";
+import { MinusIcon as So } from "./icons/minus.js";
+import { StarFilled as Ao } from "./icons/star-filled.js";
+import { CircleInfo as Fo } from "./icons/circle-info.js";
+import { CircleQuestion as Do } from "./icons/circle-question.js";
+import { CheckIcon as bo } from "./icons/check.js";
+const lm = ({ name: o, ...r }) => Eo[o](r), Eo = {
+  // Existing icons
+  slash: i,
+  dots: m,
+  starFilled: Ao,
+  percentage: e,
+  circleInfo: Fo,
+  circleQuestion: Do,
+  // Arrows & Navigation
+  arrowDown: c,
+  arrowUp: t,
+  arrowLeft: n,
+  arrowRight: p,
+  chevronDown: f,
+  chevronUp: I,
+  chevronLeft: a,
+  chevronRight: l,
+  caretDown: d,
+  caretUp: s,
+  caretLeft: h,
+  caretRight: C,
+  // Status & Indicators
+  check: bo,
+  circleCheck: k,
+  circleCheckFilled: u,
+  circleWarning: g,
+  xmark: w,
+  circleXmark: M,
+  circleMinus: x,
+  circlePlus: U,
+  // Actions
+  download: L,
+  upload: v,
+  refresh: P,
+  export: R,
+  import: y,
+  share: S,
+  externalLink: A,
+  // UI Controls
+  expand: F,
+  reduce: D,
+  maximize: b,
+  minimize: E,
+  fullScreen: z,
+  // Files & Folders
+  file: N,
+  folder: O,
+  folderOpen: X,
+  clipboard: Q,
+  // Communication
+  envelope: T,
+  msg: W,
+  notification: B,
+  bell: G,
+  // Media
+  mediaPlay: _,
+  mediaPause: j,
+  mediaStop: q,
+  mediaNext: H,
+  mediaPrevious: J,
+  // Time
+  clock: K,
+  calendar: V,
+  timer: Y,
+  // Users
+  user: Z,
+  users: $,
+  // Location
+  location: oo,
+  map: ro,
+  pin: mo,
+  // Forms
+  checkboxChecked: io,
+  checkboxUnchecked: eo,
+  radioChecked: co,
+  radioUnchecked: no,
+  // Business
+  chart: to,
+  money: po,
+  award: fo,
+  // Layout
+  grid: Io,
+  layers: ao,
+  alignLeft: lo,
+  alignRight: so,
+  alignCenter: ho,
+  // Search & Filter
+  magnifier: Co,
+  filter: ko,
+  sort: uo,
+  // Misc
+  settings: go,
+  menu: wo,
+  more: Mo,
+  lock: xo,
+  unlock: Uo,
+  eye: Lo,
+  eyeCrossed: vo,
+  trash: Po,
+  edit: Ro,
+  plus: yo,
+  minus: So
+};
+export {
+  lm as default
+};

package/dist/v2/assets/icon.type.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+export interface IconProps extends SVGProps<SVGSVGElement> {
+    secondaryfill?: string;
+    strokewidth?: number;
+    title?: string;
+}
+export type IconName = 'dots' | 'slash' | 'starFilled' | 'percentage' | 'circleInfo' | 'circleQuestion' | 'arrowDown' | 'arrowUp' | 'arrowLeft' | 'arrowRight' | 'chevronDown' | 'chevronUp' | 'chevronLeft' | 'chevronRight' | 'caretDown' | 'caretUp' | 'caretLeft' | 'caretRight' | 'check' | 'circleCheck' | 'circleWarning' | 'xmark' | 'circleXmark' | 'circleMinus' | 'circlePlus' | 'download' | 'upload' | 'refresh' | 'export' | 'import' | 'share' | 'externalLink' | 'expand' | 'reduce' | 'maximize' | 'minimize' | 'fullScreen' | 'file' | 'folder' | 'folderOpen' | 'clipboard' | 'envelope' | 'msg' | 'notification' | 'bell' | 'mediaPlay' | 'mediaPause' | 'mediaStop' | 'mediaNext' | 'mediaPrevious' | 'clock' | 'calendar' | 'timer' | 'user' | 'users' | 'location' | 'map' | 'pin' | 'checkboxChecked' | 'checkboxUnchecked' | 'radioChecked' | 'radioUnchecked' | 'chart' | 'money' | 'award' | 'grid' | 'layers' | 'alignLeft' | 'alignRight' | 'alignCenter' | 'magnifier' | 'filter' | 'sort' | 'settings' | 'menu' | 'more' | 'lock' | 'unlock' | 'eye' | 'eyeCrossed' | 'trash' | 'edit' | 'plus' | 'minus' | 'starFilled' | 'circleCheckFilled';

package/dist/v2/assets/icons/align-center.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function AlignCenterIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/v2/assets/icons/align-center.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+function i({
+  fill: e = "currentColor",
+  width: n = "1em",
+  height: t = "1em",
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      "aria-hidden": "true",
+      height: t,
+      width: n,
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...o,
+      children: /* @__PURE__ */ r("path", { d: "M2 3h12v1H2V3zm2 4h8v1H4V7zm1 4h6v1H5v-1z", fill: e })
+    }
+  );
+}
+export {
+  i as AlignCenterIcon
+};

package/dist/v2/assets/icons/align-left.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function AlignLeftIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/v2/assets/icons/align-left.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+function i({
+  fill: e = "currentColor",
+  width: t = "1em",
+  height: n = "1em",
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      "aria-hidden": "true",
+      height: n,
+      width: t,
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...o,
+      children: /* @__PURE__ */ r("path", { d: "M2 3h12v1H2V3zm0 4h8v1H2V7zm0 4h10v1H2v-1z", fill: e })
+    }
+  );
+}
+export {
+  i as AlignLeftIcon
+};

package/dist/v2/assets/icons/align-right.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../icon.type';
+export declare function AlignRightIcon({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;