@zvoove/unity-ui 2.28.0 → 2.29.0

package/dist/bin/cli.mjs

@@ -3649,9 +3649,9 @@ async function runCreate(componentName) {
 
 // bin/commands/init.mjs
 init_config();
-import fs3 from "fs";
-import path3 from "path";
-import readline from "readline";
+import fs3 from "node:fs";
+import path3 from "node:path";
+import readline from "node:readline";
 function createRL() {
   return readline.createInterface({
     input: process.stdin,
@@ -3668,6 +3668,16 @@ function ask(rl, question, defaultValue) {
     );
   });
 }
+function serializeOutput(value) {
+  if (Array.isArray(value)) {
+    return "[" + value.map((v) => "'" + v + "'").join(", ") + "]";
+  }
+  return "'" + value + "'";
+}
+function parseOutputAnswer(answer) {
+  const parts = answer.split(",").map((s) => s.trim()).filter(Boolean);
+  return parts.length > 1 ? parts : parts[0];
+}
 function generateConfigContent(config) {
   return `// unity-ui.config.mjs \u2014 generated by \`npx unity-ui init\`
 import { defineConfig } from '@zvoove/unity-ui/config';
@@ -3679,7 +3689,7 @@ export default defineConfig({
   },
   ai: {
     skills: {
-      output: '${config.ai.skills.output}',
+      output: ${serializeOutput(config.ai.skills.output)},
     },
     rules: {
       output: '${config.ai.rules.output}',
@@ -3710,11 +3720,12 @@ async function runInit() {
     "Where is your main index/barrel file?",
     DEFAULTS.components.indexFile
   );
-  const skillsOutput = await ask(
+  const skillsOutputRaw = await ask(
     rl,
-    "Where should Agent Skills be generated?",
+    "Where should Agent Skills be generated? (comma-separate for multiple)",
     DEFAULTS.ai.skills.output
   );
+  const skillsOutput = parseOutputAnswer(skillsOutputRaw);
   const rulesOutput = await ask(
     rl,
     "Where should rules files be generated?",
@@ -3738,7 +3749,8 @@ async function runInit() {
 `);
   console.log(`  Components:  ${config.components.directory}/`);
   console.log(`  Index file:  ${config.components.indexFile}`);
-  console.log(`  Skills dir:  ${config.ai.skills.output}/skills/`);
+  const skillsDirs = Array.isArray(config.ai.skills.output) ? config.ai.skills.output.map((o) => o + "/skills/").join(", ") : config.ai.skills.output + "/skills/";
+  console.log(`  Skills dir:  ${skillsDirs}`);
   console.log(`  Rules:       ${config.ai.rules.output}/UNITYUI.md`);
   console.log("");
 }
@@ -3816,6 +3828,7 @@ Load the matching skill for full props, examples, and rules:
 | Grid | \`unity-ui-grid\` |
 | Icon | \`unity-ui-icon\` |
 | InfoBox | \`unity-ui-info-box\` |
+| List | \`unity-ui-list\` |
 | ListMenu | \`unity-ui-list-menu\` |
 | MidSectionMenus | \`unity-ui-mid-section-menus\` |
 | Pagination | \`unity-ui-pagination\` |
@@ -3956,6 +3969,7 @@ var SHADCN_MAP = {
     name: "Alert",
     url: "https://ui.shadcn.com/docs/components/alert"
   },
+  List: null,
   MessageActions: null,
   Pagination: {
     name: "Pagination",
@@ -4062,6 +4076,7 @@ var MUI_MAP = {
   Grid: { name: "Grid", url: `${MUI_BASE}grid/` },
   Icon: { name: "SvgIcon", url: `${MUI_BASE}icons/` },
   InfoBox: { name: "Alert", url: `${MUI_BASE}alert/` },
+  List: null,
   MessageActions: null,
   Pagination: { name: "Pagination", url: `${MUI_BASE}pagination/` },
   PopUpMenu: { name: "Menu", url: `${MUI_BASE}menu/` },
@@ -4142,6 +4157,7 @@ var STORYBOOK_MAP = {
   Grid: "Layout/Grid",
   Icon: "Components/Icon",
   InfoBox: "Components/InfoBox",
+  List: "Components/List",
   MessageActions: "Chat/MessageActions",
   Pagination: "Components/Pagination",
   PopUpMenu: "Components/PopUpMenu",
@@ -4198,6 +4214,7 @@ var CATEGORIES = {
   Avatar: "data-display",
   Badge: "data-display",
   Icon: "data-display",
+  List: "data-display",
   Skeleton: "data-display",
   ProgressIndicator: "data-display",
   CodeBlock: "data-display",
@@ -5496,21 +5513,7 @@ function writeSkill(outputDir, slug, content) {
   fs5.mkdirSync(skillDir, { recursive: true });
   fs5.writeFileSync(path5.join(skillDir, "SKILL.md"), content, "utf8");
 }
-async function runSkills({ output: outputBase } = {}) {
-  const { loadConfig: loadConfig2 } = await Promise.resolve().then(() => (init_config(), config_exports));
-  const config = await loadConfig2();
-  const resolvedOutput = outputBase || config.ai.skills.output;
-  const llmsPath = findLlmsTxt();
-  if (!llmsPath) {
-    console.error(
-      "Could not find llms.txt. Make sure @zvoove/unity-ui is installed and built."
-    );
-    process.exit(1);
-  }
-  const projectRoot = process.cwd();
-  const outputDir = path5.resolve(projectRoot, resolvedOutput, "skills");
-  const content = fs5.readFileSync(llmsPath, "utf8");
-  const parsed = parseLlmsTxt(content);
+function writeAllSkills(outputDir, parsed, componentNames) {
   if (fs5.existsSync(outputDir)) {
     for (const entry of fs5.readdirSync(outputDir)) {
       if (entry.startsWith("unity-ui-")) {
@@ -5518,15 +5521,12 @@ async function runSkills({ output: outputBase } = {}) {
       }
     }
   }
-  const componentNames = Object.keys(parsed.components).sort();
-  let count = 0;
   for (const [name, componentContent] of Object.entries(parsed.components)) {
     writeSkill(
       outputDir,
       `unity-ui-${kebabCase(name)}`,
       generateComponentSkill(name, componentContent)
     );
-    count++;
   }
   writeSkill(outputDir, "unity-ui", generateUmbrellaSkill(componentNames));
   writeSkill(outputDir, "unity-ui-setup", generateSetupSkill(parsed));
@@ -5556,12 +5556,37 @@ async function runSkills({ output: outputBase } = {}) {
     "unity-ui-figma-code-connect",
     generateFigmaCodeConnectSkill()
   );
-  count += 12;
-  const relOutput = path5.relative(projectRoot, outputDir);
+}
+async function runSkills({ output: outputBase } = {}) {
+  const { loadConfig: loadConfig2 } = await Promise.resolve().then(() => (init_config(), config_exports));
+  const config = await loadConfig2();
+  const rawOutput = outputBase || config.ai.skills.output;
+  const outputBases = Array.isArray(rawOutput) ? rawOutput : [rawOutput];
+  const llmsPath = findLlmsTxt();
+  if (!llmsPath) {
+    console.error(
+      "Could not find llms.txt. Make sure @zvoove/unity-ui is installed and built."
+    );
+    process.exit(1);
+  }
+  const projectRoot = process.cwd();
+  const content = fs5.readFileSync(llmsPath, "utf8");
+  const parsed = parseLlmsTxt(content);
+  const componentNames = Object.keys(parsed.components).sort(
+    (a, b) => a.localeCompare(b)
+  );
+  for (const base of outputBases) {
+    const outputDir = path5.resolve(projectRoot, base, "skills");
+    writeAllSkills(outputDir, parsed, componentNames);
+  }
+  const count = componentNames.length + 12;
+  const relOutputs = outputBases.map(
+    (b) => path5.relative(projectRoot, path5.resolve(projectRoot, b, "skills"))
+  );
   console.log(`
   Unity UI \u2014 Agent Skills Generator
 `);
-  console.log(`  \u2705 Generated ${count} skills in ${relOutput}/
+  console.log(`  \u2705 Generated ${count} skills \u2192 ${relOutputs.join(", ")}/
 `);
   console.log(`     ${componentNames.length} component skills`);
   console.log(`     1 umbrella routing skill (entry point + migration rules)`);

package/dist/bin/generate-skills.mjs

@@ -153,6 +153,7 @@ var SHADCN_MAP = {
     name: "Alert",
     url: "https://ui.shadcn.com/docs/components/alert"
   },
+  List: null,
   MessageActions: null,
   Pagination: {
     name: "Pagination",
@@ -259,6 +260,7 @@ var MUI_MAP = {
   Grid: { name: "Grid", url: `${MUI_BASE}grid/` },
   Icon: { name: "SvgIcon", url: `${MUI_BASE}icons/` },
   InfoBox: { name: "Alert", url: `${MUI_BASE}alert/` },
+  List: null,
   MessageActions: null,
   Pagination: { name: "Pagination", url: `${MUI_BASE}pagination/` },
   PopUpMenu: { name: "Menu", url: `${MUI_BASE}menu/` },
@@ -339,6 +341,7 @@ var STORYBOOK_MAP = {
   Grid: "Layout/Grid",
   Icon: "Components/Icon",
   InfoBox: "Components/InfoBox",
+  List: "Components/List",
   MessageActions: "Chat/MessageActions",
   Pagination: "Components/Pagination",
   PopUpMenu: "Components/PopUpMenu",
@@ -395,6 +398,7 @@ var CATEGORIES = {
   Avatar: "data-display",
   Badge: "data-display",
   Icon: "data-display",
+  List: "data-display",
   Skeleton: "data-display",
   ProgressIndicator: "data-display",
   CodeBlock: "data-display",
@@ -1693,21 +1697,7 @@ function writeSkill(outputDir, slug, content) {
   fs2.mkdirSync(skillDir, { recursive: true });
   fs2.writeFileSync(path2.join(skillDir, "SKILL.md"), content, "utf8");
 }
-async function runSkills({ output: outputBase } = {}) {
-  const { loadConfig: loadConfig2 } = await Promise.resolve().then(() => (init_config(), config_exports));
-  const config = await loadConfig2();
-  const resolvedOutput = outputBase || config.ai.skills.output;
-  const llmsPath = findLlmsTxt();
-  if (!llmsPath) {
-    console.error(
-      "Could not find llms.txt. Make sure @zvoove/unity-ui is installed and built."
-    );
-    process.exit(1);
-  }
-  const projectRoot = process.cwd();
-  const outputDir = path2.resolve(projectRoot, resolvedOutput, "skills");
-  const content = fs2.readFileSync(llmsPath, "utf8");
-  const parsed = parseLlmsTxt(content);
+function writeAllSkills(outputDir, parsed, componentNames) {
   if (fs2.existsSync(outputDir)) {
     for (const entry of fs2.readdirSync(outputDir)) {
       if (entry.startsWith("unity-ui-")) {
@@ -1715,15 +1705,12 @@ async function runSkills({ output: outputBase } = {}) {
       }
     }
   }
-  const componentNames = Object.keys(parsed.components).sort();
-  let count = 0;
   for (const [name, componentContent] of Object.entries(parsed.components)) {
     writeSkill(
       outputDir,
       `unity-ui-${kebabCase(name)}`,
       generateComponentSkill(name, componentContent)
     );
-    count++;
   }
   writeSkill(outputDir, "unity-ui", generateUmbrellaSkill(componentNames));
   writeSkill(outputDir, "unity-ui-setup", generateSetupSkill(parsed));
@@ -1753,12 +1740,37 @@ async function runSkills({ output: outputBase } = {}) {
     "unity-ui-figma-code-connect",
     generateFigmaCodeConnectSkill()
   );
-  count += 12;
-  const relOutput = path2.relative(projectRoot, outputDir);
+}
+async function runSkills({ output: outputBase } = {}) {
+  const { loadConfig: loadConfig2 } = await Promise.resolve().then(() => (init_config(), config_exports));
+  const config = await loadConfig2();
+  const rawOutput = outputBase || config.ai.skills.output;
+  const outputBases = Array.isArray(rawOutput) ? rawOutput : [rawOutput];
+  const llmsPath = findLlmsTxt();
+  if (!llmsPath) {
+    console.error(
+      "Could not find llms.txt. Make sure @zvoove/unity-ui is installed and built."
+    );
+    process.exit(1);
+  }
+  const projectRoot = process.cwd();
+  const content = fs2.readFileSync(llmsPath, "utf8");
+  const parsed = parseLlmsTxt(content);
+  const componentNames = Object.keys(parsed.components).sort(
+    (a, b) => a.localeCompare(b)
+  );
+  for (const base of outputBases) {
+    const outputDir = path2.resolve(projectRoot, base, "skills");
+    writeAllSkills(outputDir, parsed, componentNames);
+  }
+  const count = componentNames.length + 12;
+  const relOutputs = outputBases.map(
+    (b) => path2.relative(projectRoot, path2.resolve(projectRoot, b, "skills"))
+  );
   console.log(`
   Unity UI \u2014 Agent Skills Generator
 `);
-  console.log(`  \u2705 Generated ${count} skills in ${relOutput}/
+  console.log(`  \u2705 Generated ${count} skills \u2192 ${relOutputs.join(", ")}/
 `);
   console.log(`     ${componentNames.length} component skills`);
   console.log(`     1 umbrella routing skill (entry point + migration rules)`);

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,6 @@
+import { AccordionItem, AccordionProps } from './Accordion.types';
+declare const Accordion: {
+    <T extends readonly AccordionItem[]>({ items, onToggle, openItems, allowMultipleOpenItems, }: AccordionProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Accordion;

package/dist/components/Accordion/Accordion.styled.d.ts

@@ -0,0 +1,46 @@
+export declare const accordionStyles: import('tailwind-variants').TVReturnType<{
+    isOpen: {
+        true: {
+            header: string[];
+            chevron: string[];
+        };
+        false: {
+            chevron: string[];
+        };
+    };
+}, {
+    base: string[];
+    header: string[];
+    chevron: string[];
+    content: string[];
+}, undefined, {
+    isOpen: {
+        true: {
+            header: string[];
+            chevron: string[];
+        };
+        false: {
+            chevron: string[];
+        };
+    };
+}, {
+    base: string[];
+    header: string[];
+    chevron: string[];
+    content: string[];
+}, import('tailwind-variants').TVReturnType<{
+    isOpen: {
+        true: {
+            header: string[];
+            chevron: string[];
+        };
+        false: {
+            chevron: string[];
+        };
+    };
+}, {
+    base: string[];
+    header: string[];
+    chevron: string[];
+    content: string[];
+}, undefined, unknown, unknown, undefined>>;

package/dist/components/Accordion/Accordion.types.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+export interface AccordionItem {
+    id: string;
+    title: string;
+    supportingText?: string;
+    children: ReactNode;
+    isOpen?: boolean;
+    disabled?: boolean;
+}
+export type AccordionItemId<T extends readonly AccordionItem[]> = T[number]['id'];
+export interface AccordionProps<T extends readonly AccordionItem[] = readonly AccordionItem[]> {
+    /**
+     * The children of the Accordion.
+     */
+    items: AccordionItem[];
+    /**
+     * The open items of the Accordion. By default, all items are closed. <br />
+     * The ids must match the `id` of the item. <br />
+     * When allowMultipleOpenItems is false, this should be a single id or undefined. <br />
+     * When allowMultipleOpenItems is true, this can be an array of ids or undefined.
+     */
+    openItems?: AccordionItemId<T> | AccordionItemId<T>[];
+    /**
+     * Callback when the accordion header is clicked <br />
+     * If provided, this will override the default behavior and you need to manage the open items yourself.
+     */
+    onToggle?: (item: AccordionItem) => void;
+    /**
+     * Whether to allow multiple open items or not.
+     * @default false
+     */
+    allowMultipleOpenItems?: boolean;
+}

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Accordion } from './Accordion';
+export type { AccordionProps, AccordionItem, AccordionItemId, } from './Accordion.types';

package/dist/components/ActionCard/ActionCard.d.ts

@@ -0,0 +1,6 @@
+import { ActionCardProps } from './ActionCard.types';
+declare const ActionCard: {
+    ({ header, children, footer, isOpen, expandable, onExpandToggle, }: ActionCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ActionCard;

package/dist/components/ActionCard/ActionCard.styled.d.ts

@@ -0,0 +1,29 @@
+export declare const actionCardHeaderStyles: import('tailwind-variants').TVReturnType<{
+    clickable: {
+        true: string[];
+    };
+}, undefined, never[], {
+    clickable: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    clickable: {
+        true: string[];
+    };
+}, undefined, never[], unknown, unknown, undefined>>;
+export declare const actionCardChevronStyles: import('tailwind-variants').TVReturnType<{
+    open: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    open: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    open: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/ActionCard/ActionCard.types.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+export interface ActionCardProps {
+    /**
+     * Content rendered inside the card header area with a
+     * `surface-container-lowest` background. Wrapped in a horizontal Stack
+     * with standardised padding so the consumer only provides the inner nodes.
+     */
+    header?: ReactNode;
+    /** Card body content. */
+    children: ReactNode;
+    /**
+     * Content rendered inside the card footer area. Wrapped in a horizontal
+     * Stack with standardised padding so the consumer only provides the inner
+     * nodes (typically action buttons).
+     */
+    footer?: ReactNode;
+    /**
+     * Whether the ActionCard is expandable.
+     * @default false
+     */
+    expandable?: boolean;
+    /**
+     * Whether the ActionCard is open or closed.
+     * @default true
+     */
+    isOpen?: boolean;
+    /**
+     * Called when the header is clicked in expandable mode.
+     * Required when using `isOpen` (controlled) so the parent can update its state.
+     */
+    onExpandToggle?: () => void;
+}

package/dist/components/ActionCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ActionCard } from './ActionCard';
+export type { ActionCardProps } from './ActionCard.types';

package/dist/components/Avatar/Avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import { AvatarProps } from './Avatar.types';
+declare const Avatar: ({ size, type: typeProp, name, image, initialsAmount, variant, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default Avatar;

package/dist/components/Avatar/Avatar/Avatar.styled.d.ts

@@ -0,0 +1,53 @@
+export declare const avatarStyles: import('tailwind-variants').TVReturnType<{
+    size: {
+        small: string[];
+        medium: string[];
+        large: string[];
+    };
+    type: {
+        initials: never[];
+        check: never[];
+        avatar: string[];
+        image: string[];
+        zvoove: string[];
+    };
+    variant: {
+        round: string[];
+        square: never[];
+    };
+}, undefined, string[], {
+    size: {
+        small: string[];
+        medium: string[];
+        large: string[];
+    };
+    type: {
+        initials: never[];
+        check: never[];
+        avatar: string[];
+        image: string[];
+        zvoove: string[];
+    };
+    variant: {
+        round: string[];
+        square: never[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    size: {
+        small: string[];
+        medium: string[];
+        large: string[];
+    };
+    type: {
+        initials: never[];
+        check: never[];
+        avatar: string[];
+        image: string[];
+        zvoove: string[];
+    };
+    variant: {
+        round: string[];
+        square: never[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const imageStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/Avatar/Avatar/Avatar.types.d.ts

@@ -0,0 +1,34 @@
+import { ResponsiveType } from '../../../types';
+export declare const AVATAR_SIZES: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};
+export type AvatarSize = (typeof AVATAR_SIZES)[keyof typeof AVATAR_SIZES];
+export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The size of the avatar
+     * @default 'large'
+     */
+    size?: ResponsiveType<AvatarSize>;
+    /**
+     * The type of the avatar
+     */
+    type?: 'initials' | 'check' | 'avatar' | 'image' | 'zvoove';
+    /**
+     * The image of the avatar
+     */
+    image?: string;
+    /**
+     * The name of the avatar
+     */
+    name?: string;
+    /**
+     * The amount of initials of the avatar
+     */
+    initialsAmount?: 1 | 2;
+    /**
+     * The variant of the avatar
+     */
+    variant?: 'round' | 'square';
+}

package/dist/components/Avatar/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Avatar } from './Avatar';
+export type { AvatarProps } from './Avatar.types';

package/dist/components/Avatar/AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,3 @@
+import { AvatarGroupProps } from './AvatarGroup.types';
+declare const AvatarGroup: ({ children, maxLength, total }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default AvatarGroup;

package/dist/components/Avatar/AvatarGroup/AvatarGroup.styled.d.ts

@@ -0,0 +1,3 @@
+export declare const avatarGroupStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const avatarContainerStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const avatarCounterStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/Avatar/AvatarGroup/AvatarGroup.types.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export interface AvatarGroupProps {
+    /**
+     * The children of the button.
+     */
+    children: ReactNode;
+    /**
+     * Maximum number of avatars to display before showing a count
+     */
+    maxLength?: number;
+    /**
+     * Total number of avatars in the group
+     */
+    total?: number;
+}

package/dist/components/Avatar/AvatarGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AvatarGroup } from './AvatarGroup';
+export type { AvatarGroupProps } from './AvatarGroup.types';

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AvatarGroup';
+export * from './Avatar';

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,3 @@
+import { BadgeProps } from './Badge.types';
+declare const Badge: ({ children, variant, content, dot, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

package/dist/components/Badge/Badge.styled.d.ts

@@ -0,0 +1,28 @@
+export declare const badgeStyles: import('tailwind-variants').TVReturnType<{
+    variant: {
+        primary: string[];
+        secondary: string[];
+    };
+    dot: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    variant: {
+        primary: string[];
+        secondary: string[];
+    };
+    dot: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        primary: string[];
+        secondary: string[];
+    };
+    dot: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/Badge/Badge.types.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export interface BadgeProps {
+    /**
+     * The children of the button.
+     */
+    children: ReactNode;
+    /**
+     * The variant of the component
+     */
+    variant?: 'primary' | 'secondary';
+    /**
+     * The content of the badge. If undefined, the badge will be hidden.
+     */
+    content?: ReactNode;
+    /**
+     * The dot prop changes a badge into a small dot
+     */
+    dot?: boolean;
+}

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Badge } from './Badge';
+export type { BadgeProps } from './Badge.types';

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { BreadcrumbsProps } from './Breadcrumbs.types';
+declare const Breadcrumbs: <T extends React.ElementType = "a">({ items, linkComponent: LinkComponent, homeIcon, }: BreadcrumbsProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Breadcrumbs;

package/dist/components/Breadcrumbs/Breadcrumbs.styled.d.ts

@@ -0,0 +1,14 @@
+export declare const breadcrumbsStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const linkStyles: import('tailwind-variants').TVReturnType<{
+    hasHref: {
+        false: string[];
+    };
+}, undefined, never[], {
+    hasHref: {
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    hasHref: {
+        false: string[];
+    };
+}, undefined, never[], unknown, unknown, undefined>>;