@dnanpm/ui-components 0.0.4 → 0.1.0

package/dist/styles/utils/elevation.module.css.cjs

@@ -0,0 +1,10 @@
+require('./elevation.css');
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const elevationLow = "_elevationLow_1rmn9_6";
+const elevationStyles = {
+  elevationLow
+};
+exports.default = elevationStyles;
+exports.elevationLow = elevationLow;
+//# sourceMappingURL=elevation.module.css.cjs.map

package/dist/styles/utils/elevation.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elevation.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/styles/utils/elevation.module.css.js

@@ -0,0 +1,10 @@
+import './elevation.css';
+const elevationLow = "_elevationLow_1rmn9_6";
+const elevationStyles = {
+  elevationLow
+};
+export {
+  elevationStyles as default,
+  elevationLow
+};
+//# sourceMappingURL=elevation.module.css.js.map

package/dist/styles/utils/elevation.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elevation.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/styles/utils/focus.css

@@ -0,0 +1,59 @@
+@layer dna-design-system {._focusable_1cr46_1 {
+    /* Marker class for shared focus treatment */
+}
+
+._focusable_1cr46_1:focus {
+    outline-color: transparent;
+}
+
+._focusable_1cr46_1:focus-visible {
+    /* Transparent outline ensures a visible ring fallback in forced colors. */
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+    box-shadow:
+        0 0 0 2px var(--colors-semantic-utility-focus-soft),
+        0 0 0 4px var(--colors-semantic-utility-focus-strong);
+}
+
+@media (forced-colors: active) {
+    ._focusable_1cr46_1:focus-visible {
+        outline-color: Highlight;
+        box-shadow: none;
+    }
+}
+
+._focusableInset_1cr46_25 {
+    /* Marker class for inset focus treatment (ring stays inside the element boundary) */
+}
+
+._focusableInset_1cr46_25:focus {
+    outline-color: transparent;
+}
+
+._focusableInset_1cr46_25:focus-visible {
+    outline: 2px solid transparent;
+    box-shadow:
+        inset 0 0 0 2px var(--colors-semantic-utility-focus-strong),
+        inset 0 0 0 4px var(--colors-semantic-utility-focus-soft);
+}
+
+@media (forced-colors: active) {
+    ._focusableInset_1cr46_25:focus-visible {
+        outline-color: Highlight;
+        box-shadow: none;
+    }
+}
+
+._focusClipGuard_1cr46_47 {
+    /*
+     * Prevents focus rings from being clipped when the container uses overflow: hidden.
+     *
+     * Usage:
+     * - Apply this class to the clipping container.
+     * - Override --focus-clip-guard-bleed-inline when a component needs a custom bleed amount.
+     */
+    --focus-clip-guard-bleed-inline: var(--spacing-ui-xxs);
+    margin-inline: calc(var(--focus-clip-guard-bleed-inline) * -1);
+    padding-inline: var(--focus-clip-guard-bleed-inline);
+}
+}

package/dist/styles/utils/focus.module.css.cjs

@@ -0,0 +1,16 @@
+require('./focus.css');
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const focusable = "_focusable_1cr46_1";
+const focusableInset = "_focusableInset_1cr46_25";
+const focusClipGuard = "_focusClipGuard_1cr46_47";
+const focusStyles = {
+  focusable,
+  focusableInset,
+  focusClipGuard
+};
+exports.default = focusStyles;
+exports.focusClipGuard = focusClipGuard;
+exports.focusable = focusable;
+exports.focusableInset = focusableInset;
+//# sourceMappingURL=focus.module.css.cjs.map

package/dist/styles/utils/focus.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/styles/utils/focus.module.css.js

@@ -0,0 +1,16 @@
+import './focus.css';
+const focusable = "_focusable_1cr46_1";
+const focusableInset = "_focusableInset_1cr46_25";
+const focusClipGuard = "_focusClipGuard_1cr46_47";
+const focusStyles = {
+  focusable,
+  focusableInset,
+  focusClipGuard
+};
+export {
+  focusStyles as default,
+  focusClipGuard,
+  focusable,
+  focusableInset
+};
+//# sourceMappingURL=focus.module.css.js.map

package/dist/styles/utils/focus.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/styles/utils/text-decoration.css

@@ -0,0 +1,7 @@
+@layer dna-design-system {._underlineLink_1nw3t_1 {
+    text-decoration: underline;
+    text-underline-offset: 0.2em;
+    text-decoration-skip-ink: auto;
+    text-decoration-thickness: from-font;
+}
+}

package/dist/styles/utils/text-decoration.module.css.cjs

@@ -0,0 +1,10 @@
+require('./text-decoration.css');
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const underlineLink = "_underlineLink_1nw3t_1";
+const textDecorationStyles = {
+  underlineLink
+};
+exports.default = textDecorationStyles;
+exports.underlineLink = underlineLink;
+//# sourceMappingURL=text-decoration.module.css.cjs.map

package/dist/styles/utils/text-decoration.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-decoration.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/styles/utils/text-decoration.module.css.js

@@ -0,0 +1,10 @@
+import './text-decoration.css';
+const underlineLink = "_underlineLink_1nw3t_1";
+const textDecorationStyles = {
+  underlineLink
+};
+export {
+  textDecorationStyles as default,
+  underlineLink
+};
+//# sourceMappingURL=text-decoration.module.css.js.map

package/dist/styles/utils/text-decoration.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-decoration.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/styles.css

@@ -1,3 +1,5 @@
+@layer dna-design-system {
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -181,6 +183,15 @@
   --borderwidth-primitive-size5: 5px;
   --borderwidth-primitive-size6: 6px;
 }
+}
+
+@layer dna-design-system {
+
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
 
 html {
     font-synthesis: none;
@@ -191,137 +202,57 @@ html {
 
     scroll-behavior: smooth;
 }
-/**
- * Box Component Styles
- *
- * Design tokens are consumed via CSS custom properties (variables).
- * These variables come from @dnanpm/design-tokens package.
- *
- * Elevation shadows based on DNA Design System specifications:
- * - None: No shadow
- * - Low: Subtle depth (0 2px 16px rgba(18, 18, 18, 0.06))
- * - High: Medium depth (0 6px 24px rgba(18, 18, 18, 0.08))
- * - Extra High: Maximum depth (0 8px 64px rgba(18, 18, 18, 0.16))
- */
-
-._box_5e7g9_14 {
-    display: block;
-    padding: var(--spacing-ui-md, 1rem);
-    border-radius: var(--radius-semantic-md, 0.5rem);
-    background-color: var(--colors-primitive-neutral-0, #ffffff);
-    transition: box-shadow 0.2s ease-in-out;
-}
-
-/* Elevation Variants */
-._box--none_5e7g9_23 {
-    box-shadow: none;
-}
-
-._box--low_5e7g9_27 {
-    box-shadow: 0 2px 16px rgba(18, 18, 18, 0.06);
-}
-
-._box--high_5e7g9_31 {
-    box-shadow: 0 6px 24px rgba(18, 18, 18, 0.08);
-}
-
-._box--extraHigh_5e7g9_35 {
-    box-shadow: 0 8px 64px rgba(18, 18, 18, 0.16);
-}
-/**
- * Button Component Styles
- *
- * Design tokens are consumed via CSS custom properties (variables).
- * These variables come from @dnanpm/design-tokens package.
- *
- * Examples:
- * - Colors: var(--colors-primitive-pink-500)
- * - Spacing: var(--spacing-ui-md)
- * - Border radius: var(--radius-semantic-md)
- *
- * Fallback values are defined in src/styles/base.css
- */
-
-._button_1p878_15 {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    height: 2.5rem;
-    padding: 0 var(--spacing-ui-md, 1rem);
-    font-family:
-        -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
-        sans-serif;
-    font-size: 0.875rem;
-    font-weight: 500;
-    border-radius: var(--radius-semantic-md, 0.5rem);
-    border: 1px solid transparent;
-    cursor: pointer;
-    transition: all 0.15s ease-in-out;
-    text-decoration: none;
-    white-space: nowrap;
-}
-
-._button_1p878_15:focus-visible {
-    outline: 2px solid var(--colors-primitive-utility-focusstrong, #1d4ed8);
-    outline-offset: 2px;
-}
-
-._button_1p878_15:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-}
-
-/* Button Variants */
-._button--primary_1p878_45 {
-    background-color: var(--colors-primitive-pink-500, #ec4899);
-    color: white;
+html,
+body {
+    margin: 0;
+    padding: 0;
 }
 
-._button--primary_1p878_45:hover:not(:disabled) {
-    background-color: var(--colors-primitive-pink-600, #db2777);
+img,
+picture,
+svg,
+video {
+    display: block;
+    max-width: 100%;
 }
-
-._button--primary_1p878_45:active:not(:disabled) {
-    background-color: var(--colors-primitive-pink-400, #f472b6);
 }
 
-._button--secondary_1p878_58 {
-    background-color: var(--colors-primitive-neutral-100, #f5f5f5);
-    color: var(--colors-primitive-neutral-900, #171717);
-    border-color: var(--colors-primitive-neutral-300, #d4d4d4);
-}
+@layer dna-design-system {
 
-._button--secondary_1p878_58:hover:not(:disabled) {
-    background-color: var(--colors-primitive-neutral-200, #e5e5e5);
-}
+:root {
+    /* Example variables for fonts, these will be replaced with actual design tokens */
+    --font-family-text: 'DNA Text', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    --font-family-heading: 'DNA Heading', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
-._button--secondary_1p878_58:active:not(:disabled) {
-    background-color: var(--colors-primitive-neutral-300, #d4d4d4);
-}
+    --font-size-xxs: 0.625rem; /* 10px */
+    --font-size-xs: 0.75rem; /* 12px */
+    --font-size-sm: 0.875rem; /* 14px */
+    --font-size-default: 1rem;
+    --font-size-lg: 1.125rem; /* 18px */
+    --font-size-xl: 1.25rem; /* 20px */
 
-/* Size Variants */
-._button--default_1p878_73 {
-    /* Default size (already set in base styles) */
-}
+    --font-weight-regular: 400;
+    --font-weight-medium: 500;
+    --font-weight-semi-bold: 600;
+    --font-weight-bold: 700;
+    --font-weight-black: 900;
 
-._button--small_1p878_77 {
-    height: 2rem;
-    padding: 0 var(--spacing-ui-sm, 0.75rem);
-    font-size: 0.75rem;
+    --line-height-default: 1.25;
+    --line-height-text: 1.5;
 }
 
-/* Layout Modifiers */
-._button--fullWidth_1p878_84 {
-    width: 100%;
+html {
+    font-family: var(--font-family-text);
+    font-size: var(--font-size-default);
+    line-height: var(--line-height-default);
 }
 
-/* State Modifiers */
-._button--loading_1p878_89 {
-    opacity: 0.7;
-    cursor: wait;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    text-wrap: balance;
 }
-
-._button--loading_1p878_89:hover {
-    /* Prevent hover effects when loading */
-    background-color: inherit;
 }

package/dist/utils/cn/cn.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clsx = require("clsx");
+function cn(...inputs) {
+  return clsx(...inputs);
+}
+exports.cn = cn;
+//# sourceMappingURL=cn.cjs.map

package/dist/utils/cn/cn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.cjs","sources":["../../../src/utils/cn/cn.ts"],"sourcesContent":["import clsx from 'clsx';\n\nexport type CnDictionary = Record<string, boolean | null | undefined>;\n\nexport type CnInput = string | false | null | undefined | CnDictionary | ReadonlyArray<CnInput>;\n\n/**\n * Composes CSS Module class names, optional consumer className values, and conditional maps.\n *\n * Supported inputs:\n * - string class names\n * - object maps where truthy values include the key\n * - nested arrays of supported inputs\n * - falsy values, which are ignored\n *\n * Prefer this utility over direct clsx imports so class name composition stays consistent across\n * the package and can be updated in one place.\n */\nexport function cn(...inputs: CnInput[]): string {\n    return clsx(...inputs);\n}\n"],"names":[],"mappings":";;;AAkBO,SAAS,MAAM,QAA2B;AAC7C,SAAO,KAAK,GAAG,MAAM;AACzB;;"}

package/dist/utils/cn/cn.d.ts

@@ -0,0 +1,16 @@
+export type CnDictionary = Record<string, boolean | null | undefined>;
+export type CnInput = string | false | null | undefined | CnDictionary | ReadonlyArray<CnInput>;
+/**
+ * Composes CSS Module class names, optional consumer className values, and conditional maps.
+ *
+ * Supported inputs:
+ * - string class names
+ * - object maps where truthy values include the key
+ * - nested arrays of supported inputs
+ * - falsy values, which are ignored
+ *
+ * Prefer this utility over direct clsx imports so class name composition stays consistent across
+ * the package and can be updated in one place.
+ */
+export declare function cn(...inputs: CnInput[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/utils/cn/cn.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAEtE,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;AAEhG;;;;;;;;;;;GAWG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAE/C"}

package/dist/utils/cn/cn.js

@@ -0,0 +1,8 @@
+import clsx from "clsx";
+function cn(...inputs) {
+  return clsx(...inputs);
+}
+export {
+  cn
+};
+//# sourceMappingURL=cn.js.map

package/dist/utils/cn/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sources":["../../../src/utils/cn/cn.ts"],"sourcesContent":["import clsx from 'clsx';\n\nexport type CnDictionary = Record<string, boolean | null | undefined>;\n\nexport type CnInput = string | false | null | undefined | CnDictionary | ReadonlyArray<CnInput>;\n\n/**\n * Composes CSS Module class names, optional consumer className values, and conditional maps.\n *\n * Supported inputs:\n * - string class names\n * - object maps where truthy values include the key\n * - nested arrays of supported inputs\n * - falsy values, which are ignored\n *\n * Prefer this utility over direct clsx imports so class name composition stays consistent across\n * the package and can be updated in one place.\n */\nexport function cn(...inputs: CnInput[]): string {\n    return clsx(...inputs);\n}\n"],"names":[],"mappings":";AAkBO,SAAS,MAAM,QAA2B;AAC7C,SAAO,KAAK,GAAG,MAAM;AACzB;"}

package/dist/utils/cn/index.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './cn';
+export type { CnDictionary, CnInput } from './cn';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/cn/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/cn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC"}

package/dist/utils/index.d.ts

@@ -1,2 +1,3 @@
 export { cn } from './cn';
+export type { CnDictionary, CnInput } from './cn/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -1,10 +1,13 @@
 {
     "name": "@dnanpm/ui-components",
-    "version": "0.0.4",
+    "version": "0.1.0",
     "description": "DNA Design System - React UI Components",
     "author": "DNA Oy",
     "license": "ISC",
     "type": "module",
+    "sideEffects": [
+        "**/*.css"
+    ],
     "main": "./dist/index.cjs",
     "module": "./dist/index.js",
     "types": "./dist/index.d.ts",
@@ -14,7 +17,8 @@
             "import": "./dist/index.js",
             "require": "./dist/index.cjs"
         },
-        "./styles.css": "./dist/styles.css"
+        "./styles.css": "./dist/styles.css",
+        "./font-definitions.css": "./dist/font-definitions.css"
     },
     "files": [
         "dist"
@@ -22,7 +26,8 @@
     "scripts": {
         "build": "tsc --project tsconfig.build.json && vite build",
         "dev": "vite build --watch",
-        "test": "vitest run",
+        "gen:component": "plop --plopfile ./scripts/template-generators/plopfile.mjs component",
+        "test": "vitest run --coverage",
         "test:watch": "vitest",
         "format": "prettier --write .",
         "format:check": "prettier --check .",
@@ -46,6 +51,10 @@
     "engines": {
         "node": ">=24"
     },
+    "dependencies": {
+        "@dnanpm/icons": "^2.0.17",
+        "clsx": "^2.1.1"
+    },
     "peerDependencies": {
         "react": "^18.0.0 || ^19.0.0",
         "react-dom": "^18.0.0 || ^19.0.0"
@@ -55,22 +64,24 @@
         "@repo/eslint-config": "workspace:*",
         "@repo/typescript-config": "workspace:*",
         "@storybook/react-vite": "^10.3.1",
-        "@storybook/addon-docs": "^10.3.1",
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/react": "^16.1.0",
         "@testing-library/user-event": "^14.5.2",
         "@types/react": "^19.2.14",
         "@types/react-dom": "^19.2.3",
         "@vitejs/plugin-react": "^5.1.4",
+        "@vitest/coverage-v8": "^4.1.1",
         "eslint": "^9.39.2",
         "jsdom": "^28.1.0",
+        "plop": "^4.0.5",
+        "postcss": "^8.5.10",
         "prettier": "^3.8.1",
         "react": "^19.2.4",
         "react-dom": "^19.2.4",
         "typescript": "^5.9.3",
         "vite": "^7.3.1",
         "vite-plugin-dts": "^4.5.4",
-        "vitest": "^4.0.18"
+        "vitest": "^4.1.1"
     },
     "repository": {
         "type": "git",

package/dist/components/Box/Box.d.ts

@@ -1,24 +0,0 @@
-/**
- * Box Component
- *
- * A versatile container component with elevation (shadow) variants.
- * Can be rendered as any HTML element using the polymorphic `as` prop.
- *
- * Features:
- * - Polymorphic: Render as any element (div, section, article, etc.)
- * - Elevation: Four shadow depth levels (none, low, high, extraHigh)
- * - Ref forwarding supported
- * - Uses design tokens for consistent shadows
- *
- * @example
- * // Basic box with no elevation
- * <Box>Content</Box>
- *
- * // Box with elevation
- * <Box elevation="high">Elevated content</Box>
- *
- * // Box as section element
- * <Box as="section" elevation="low">Section content</Box>
- */
-export declare const Box: import('react').ForwardRefExoticComponent<import('./Box.types').BaseBoxProps & import('react').HTMLAttributes<HTMLElement> & import('react').RefAttributes<HTMLElement>>;
-//# sourceMappingURL=Box.d.ts.map

package/dist/components/Box/Box.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAOH,eAAO,MAAM,GAAG,0KAUf,CAAC"}

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

@@ -1,24 +0,0 @@
-import * as React from 'react';
-export type BoxElevation = 'none' | 'low' | 'high' | 'extraHigh';
-export interface BaseBoxProps {
-    /**
-     * The element type to render
-     * @default "div"
-     */
-    readonly as?: React.ElementType;
-    /**
-     * The elevation level (shadow depth) of the box
-     * @default "none"
-     */
-    readonly elevation?: BoxElevation;
-    /**
-     * The content of the box
-     */
-    readonly children?: React.ReactNode;
-    /**
-     * Custom className to apply to the box
-     */
-    readonly className?: string;
-}
-export type BoxProps = BaseBoxProps & React.HTMLAttributes<HTMLElement>;
-//# sourceMappingURL=Box.types.d.ts.map

package/dist/components/Box/Box.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.types.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,WAAW,CAAC;AAEjE,MAAM,WAAW,YAAY;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,YAAY,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC"}

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

@@ -1,3 +0,0 @@
-export { Box } from './Box';
-export type { BoxProps, BoxElevation } from './Box.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Box/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/Button/Button.d.ts

@@ -1,3 +0,0 @@
-import { ButtonProps } from './Button.types';
-export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,+HAoDlB,CAAC"}

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

@@ -1,51 +0,0 @@
-import * as React from 'react';
-interface BaseButtonProps {
-    /**
-     * The visual style variant of the button
-     * @default "primary"
-     */
-    readonly variant?: 'primary' | 'secondary';
-    /**
-     * The size variant of the button
-     * @default "default"
-     */
-    readonly size?: 'default' | 'small';
-    /**
-     * The content of the button
-     */
-    readonly children: React.ReactNode;
-    /**
-     * Whether the button should take full width
-     * @default false
-     */
-    readonly fullWidth?: boolean;
-    /**
-     * Whether the button is in a loading state
-     * @default false
-     */
-    readonly loading?: boolean;
-    /**
-     * Custom className to apply to the button
-     */
-    readonly className?: string;
-}
-interface ButtonAsButton extends BaseButtonProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'className'> {
-    /**
-     * Render as a different element (button or anchor)
-     * @default "button"
-     */
-    readonly as?: 'button';
-}
-interface ButtonAsAnchor extends BaseButtonProps, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'className'> {
-    /**
-     * Render as a different element (button or anchor)
-     */
-    readonly as: 'a';
-    /**
-     * The URL to link to (required when as="a")
-     */
-    readonly href: string;
-}
-export type ButtonProps = ButtonAsButton | ButtonAsAnchor;
-export {};
-//# sourceMappingURL=Button.types.d.ts.map

package/dist/components/Button/Button.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,eAAe;IACrB;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,UAAU,cACN,SACI,eAAe,EACf,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACjF;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC;CAC1B;AAED,UAAU,cACN,SACI,eAAe,EACf,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACjF;;OAEG;IACH,QAAQ,CAAC,EAAE,EAAE,GAAG,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG,cAAc,CAAC"}

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

@@ -1,3 +0,0 @@
-export { Button } from './Button';
-export type { ButtonProps } from './Button.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Box';
-export * from './Button';
-//# sourceMappingURL=index.d.ts.map