@kakadu/components 0.1.4 → 1.0.0

package/build/utilities/scale.d.ts

@@ -0,0 +1,11 @@
+import { type SVGProps } from 'react';
+export default function scale({ originalWidth, originalHeight, size, width, height, }: {
+    readonly originalWidth: number;
+    readonly originalHeight: number;
+    readonly size?: number;
+    readonly width?: SVGProps<SVGSVGElement>['width'];
+    readonly height?: SVGProps<SVGSVGElement>['height'];
+}): {
+    width: string | number | undefined;
+    height: string | number | undefined;
+};

package/build/utilities/scale.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function m({originalWidth:u,originalHeight:s,size:n,width:e,height:t}){const o=typeof e=="number"?e:void 0,c=typeof t=="number"?t:void 0,r=o&&!c,b=c&&!o,f=n??(r?e:b&&typeof t=="number"?t/s*u:u),l=n??(r&&typeof e=="number"?e/u*s:b?t:s);return{width:f,height:l}}exports.default=m;

package/build/utilities/scale.mjs

@@ -0,0 +1,13 @@
+function r({
+  originalWidth: s,
+  originalHeight: t,
+  size: u,
+  width: e,
+  height: n
+}) {
+  const c = typeof e == "number" ? e : void 0, o = typeof n == "number" ? n : void 0, b = c && !o, f = o && !c, m = u ?? (b ? e : f && typeof n == "number" ? n / t * s : s), p = u ?? (b && typeof e == "number" ? e / s * t : f ? n : t);
+  return { width: m, height: p };
+}
+export {
+  r as default
+};

package/build/veil.d.ts

@@ -0,0 +1,3 @@
+export default function Veil({ hasMovingStars, }: {
+    readonly hasMovingStars?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/build/veil.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./jsx-runtime-BB_1_6y_.js"),u=require("react"),n=require("./moving-gradients.js"),o=require("./moving-stars.js"),i=require("./theme-setter.js");function a({hasMovingStars:r=!0}){const t=u.useRef(null),s=i.useIsDarkMode(t);return e.jsxRuntimeExports.jsxs("div",{ref:t,className:"kakadu-components-4115326614",children:[e.jsxRuntimeExports.jsx(n.default,{opacity:s?.1:.2,className:"kakadu-components-947991810"}),r?e.jsxRuntimeExports.jsx(o.default,{opacity:s?.1:.2}):null]})}exports.default=a;

package/build/veil.mjs

@@ -0,0 +1,17 @@
+import { j as o } from "./jsx-runtime-B4hRZ52C.mjs";
+import { useRef as t } from "react";
+import a from "./moving-gradients.mjs";
+import n from "./moving-stars.mjs";
+import { useIsDarkMode as i } from "./theme-setter.mjs";
+function l({
+  hasMovingStars: s = !0
+}) {
+  const r = t(null), e = i(r);
+  return /* @__PURE__ */ o.jsxs("div", { ref: r, className: "kakadu-components-4115326614", children: [
+    /* @__PURE__ */ o.jsx(a, { opacity: e ? 0.1 : 0.2, className: "kakadu-components-947991810" }),
+    s ? /* @__PURE__ */ o.jsx(n, { opacity: e ? 0.1 : 0.2 }) : null
+  ] });
+}
+export {
+  l as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kakadu/components",
-  "version": "0.1.4",
+  "version": "1.0.0",
   "description": "Kakadu components library",
   "license": "MIT",
   "repository": {
@@ -14,12 +14,9 @@
     "ui",
     "design-system"
   ],
-  "main": "./build/index.js",
-  "module": "./build/index.mjs",
-  "types": "./build/index.d.ts",
   "scripts": {
     "dev": "next dev",
-    "build": "rm -rf build && vite build && tsc --project tsconfig.build.json --emitDeclarationOnly --outDir build",
+    "build": "rm -rf build && vite build && tsc --project tsconfig.build.json --emitDeclarationOnly --outDir build && node move-types.mjs",
     "build:next": "next build",
     "start": "next start",
     "storybook": "storybook dev -p 6006 --no-open",
@@ -33,11 +30,6 @@
     "prepublishOnly": "npm test && npm run build"
   },
   "exports": {
-    ".": {
-      "types": "./build/index.d.ts",
-      "import": "./build/index.mjs",
-      "require": "./build/index.js"
-    },
     "./atom": {
       "types": "./build/atom.d.ts",
       "import": "./build/atom.mjs",
@@ -53,21 +45,146 @@
       "import": "./build/box.mjs",
       "require": "./build/box.js"
     },
+    "./button": {
+      "types": "./build/button.d.ts",
+      "import": "./build/button.mjs",
+      "require": "./build/button.js"
+    },
+    "./button-tooltip": {
+      "types": "./build/button-tooltip.d.ts",
+      "import": "./build/button-tooltip.mjs",
+      "require": "./build/button-tooltip.js"
+    },
+    "./card": {
+      "types": "./build/card.d.ts",
+      "import": "./build/card.mjs",
+      "require": "./build/card.js"
+    },
+    "./click-ripples": {
+      "types": "./build/click-ripples.d.ts",
+      "import": "./build/click-ripples.mjs",
+      "require": "./build/click-ripples.js"
+    },
+    "./datum": {
+      "types": "./build/datum.d.ts",
+      "import": "./build/datum.mjs",
+      "require": "./build/datum.js"
+    },
+    "./dot": {
+      "types": "./build/dot.d.ts",
+      "import": "./build/dot.mjs",
+      "require": "./build/dot.js"
+    },
     "./flex": {
       "types": "./build/flex.d.ts",
       "import": "./build/flex.mjs",
       "require": "./build/flex.js"
     },
-    "./text": {
-      "types": "./build/text.d.ts",
-      "import": "./build/text.mjs",
-      "require": "./build/text.js"
+    "./footer": {
+      "types": "./build/footer.d.ts",
+      "import": "./build/footer.mjs",
+      "require": "./build/footer.js"
     },
     "./gauge": {
       "types": "./build/gauge.d.ts",
       "import": "./build/gauge.mjs",
       "require": "./build/gauge.js"
     },
+    "./hover-gradient": {
+      "types": "./build/hover-gradient.d.ts",
+      "import": "./build/hover-gradient.mjs",
+      "require": "./build/hover-gradient.js"
+    },
+    "./icon-button": {
+      "types": "./build/icon-button.d.ts",
+      "import": "./build/icon-button.mjs",
+      "require": "./build/icon-button.js"
+    },
+    "./kakadu-guide-icon": {
+      "types": "./build/kakadu-guide-icon.d.ts",
+      "import": "./build/kakadu-guide-icon.mjs",
+      "require": "./build/kakadu-guide-icon.js"
+    },
+    "./kakadu-guide-logo": {
+      "types": "./build/kakadu-guide-logo.d.ts",
+      "import": "./build/kakadu-guide-logo.mjs",
+      "require": "./build/kakadu-guide-logo.js"
+    },
+    "./kakadu-logo": {
+      "types": "./build/kakadu-logo.d.ts",
+      "import": "./build/kakadu-logo.mjs",
+      "require": "./build/kakadu-logo.js"
+    },
+    "./kakadu-index-logo": {
+      "types": "./build/kakadu-index-logo.d.ts",
+      "import": "./build/kakadu-index-logo.mjs",
+      "require": "./build/kakadu-index-logo.js"
+    },
+    "./bankid-logo": {
+      "types": "./build/bankid-logo.d.ts",
+      "import": "./build/bankid-logo.mjs",
+      "require": "./build/bankid-logo.js"
+    },
+    "./dnb-logo": {
+      "types": "./build/dnb-logo.d.ts",
+      "import": "./build/dnb-logo.mjs",
+      "require": "./build/dnb-logo.js"
+    },
+    "./gjensidige-logo": {
+      "types": "./build/gjensidige-logo.d.ts",
+      "import": "./build/gjensidige-logo.mjs",
+      "require": "./build/gjensidige-logo.js"
+    },
+    "./sparebank1-logo": {
+      "types": "./build/sparebank1-logo.d.ts",
+      "import": "./build/sparebank1-logo.mjs",
+      "require": "./build/sparebank1-logo.js"
+    },
+    "./sto-logo": {
+      "types": "./build/sto-logo.d.ts",
+      "import": "./build/sto-logo.mjs",
+      "require": "./build/sto-logo.js"
+    },
+    "./storebrand-logo": {
+      "types": "./build/storebrand-logo.d.ts",
+      "import": "./build/storebrand-logo.mjs",
+      "require": "./build/storebrand-logo.js"
+    },
+    "./modal": {
+      "types": "./build/modal.d.ts",
+      "import": "./build/modal.mjs",
+      "require": "./build/modal.js"
+    },
+    "./moving-gradients": {
+      "types": "./build/moving-gradients.d.ts",
+      "import": "./build/moving-gradients.mjs",
+      "require": "./build/moving-gradients.js"
+    },
+    "./moving-stars": {
+      "types": "./build/moving-stars.d.ts",
+      "import": "./build/moving-stars.mjs",
+      "require": "./build/moving-stars.js"
+    },
+    "./notice": {
+      "types": "./build/notice.d.ts",
+      "import": "./build/notice.mjs",
+      "require": "./build/notice.js"
+    },
+    "./notification": {
+      "types": "./build/notification.d.ts",
+      "import": "./build/notification.mjs",
+      "require": "./build/notification.js"
+    },
+    "./revealer": {
+      "types": "./build/revealer.d.ts",
+      "import": "./build/revealer.mjs",
+      "require": "./build/revealer.js"
+    },
+    "./separator": {
+      "types": "./build/separator.d.ts",
+      "import": "./build/separator.mjs",
+      "require": "./build/separator.js"
+    },
     "./skeleton": {
       "types": "./build/skeleton.d.ts",
       "import": "./build/skeleton.mjs",
@@ -78,6 +195,26 @@
       "import": "./build/spinner.mjs",
       "require": "./build/spinner.js"
     },
+    "./text": {
+      "types": "./build/text.d.ts",
+      "import": "./build/text.mjs",
+      "require": "./build/text.js"
+    },
+    "./text-button": {
+      "types": "./build/text-button.d.ts",
+      "import": "./build/text-button.mjs",
+      "require": "./build/text-button.js"
+    },
+    "./theme-setter": {
+      "types": "./build/theme-setter.d.ts",
+      "import": "./build/theme-setter.mjs",
+      "require": "./build/theme-setter.js"
+    },
+    "./veil": {
+      "types": "./build/veil.d.ts",
+      "import": "./build/veil.mjs",
+      "require": "./build/veil.js"
+    },
     "./theme": {
       "types": "./build/theme.d.ts",
       "import": "./build/theme.mjs",
@@ -88,6 +225,116 @@
       "import": "./build/theme.mjs",
       "require": "./build/theme.js"
     },
+    "./icon": {
+      "types": "./build/icon.d.ts",
+      "import": "./build/icon.mjs",
+      "require": "./build/icon.js"
+    },
+    "./icons/kakadu-guide": {
+      "types": "./build/icons/kakadu-guide.d.ts",
+      "import": "./build/icons/kakadu-guide.mjs",
+      "require": "./build/icons/kakadu-guide.js"
+    },
+    "./icons/kakadu-guide-glyph": {
+      "types": "./build/icons/kakadu-guide-glyph.d.ts",
+      "import": "./build/icons/kakadu-guide-glyph.mjs",
+      "require": "./build/icons/kakadu-guide-glyph.js"
+    },
+    "./icons/check": {
+      "types": "./build/icons/check.d.ts",
+      "import": "./build/icons/check.mjs",
+      "require": "./build/icons/check.js"
+    },
+    "./icons/plus": {
+      "types": "./build/icons/plus.d.ts",
+      "import": "./build/icons/plus.mjs",
+      "require": "./build/icons/plus.js"
+    },
+    "./icons/times": {
+      "types": "./build/icons/times.d.ts",
+      "import": "./build/icons/times.mjs",
+      "require": "./build/icons/times.js"
+    },
+    "./icons/chevron-down": {
+      "types": "./build/icons/chevron-down.d.ts",
+      "import": "./build/icons/chevron-down.mjs",
+      "require": "./build/icons/chevron-down.js"
+    },
+    "./icons/chevron-up": {
+      "types": "./build/icons/chevron-up.d.ts",
+      "import": "./build/icons/chevron-up.mjs",
+      "require": "./build/icons/chevron-up.js"
+    },
+    "./icons/caret-down": {
+      "types": "./build/icons/caret-down.d.ts",
+      "import": "./build/icons/caret-down.mjs",
+      "require": "./build/icons/caret-down.js"
+    },
+    "./icons/caret-right": {
+      "types": "./build/icons/caret-right.d.ts",
+      "import": "./build/icons/caret-right.mjs",
+      "require": "./build/icons/caret-right.js"
+    },
+    "./icons/arrow-down": {
+      "types": "./build/icons/arrow-down.d.ts",
+      "import": "./build/icons/arrow-down.mjs",
+      "require": "./build/icons/arrow-down.js"
+    },
+    "./icons/edit": {
+      "types": "./build/icons/edit.d.ts",
+      "import": "./build/icons/edit.mjs",
+      "require": "./build/icons/edit.js"
+    },
+    "./icons/copy": {
+      "types": "./build/icons/copy.d.ts",
+      "import": "./build/icons/copy.mjs",
+      "require": "./build/icons/copy.js"
+    },
+    "./icons/test": {
+      "types": "./build/icons/test.d.ts",
+      "import": "./build/icons/test.mjs",
+      "require": "./build/icons/test.js"
+    },
+    "./icons/exclamation-triangle": {
+      "types": "./build/icons/exclamation-triangle.d.ts",
+      "import": "./build/icons/exclamation-triangle.mjs",
+      "require": "./build/icons/exclamation-triangle.js"
+    },
+    "./icons/chrome-browser-logo": {
+      "types": "./build/icons/chrome-browser-logo.d.ts",
+      "import": "./build/icons/chrome-browser-logo.mjs",
+      "require": "./build/icons/chrome-browser-logo.js"
+    },
+    "./icons/edge-browser-logo": {
+      "types": "./build/icons/edge-browser-logo.d.ts",
+      "import": "./build/icons/edge-browser-logo.mjs",
+      "require": "./build/icons/edge-browser-logo.js"
+    },
+    "./icons/menu": {
+      "types": "./build/icons/menu.d.ts",
+      "import": "./build/icons/menu.mjs",
+      "require": "./build/icons/menu.js"
+    },
+    "./hooks/use-media-query": {
+      "types": "./build/hooks/use-media-query.d.ts",
+      "import": "./build/hooks/use-media-query.mjs",
+      "require": "./build/hooks/use-media-query.js"
+    },
+    "./utilities/copy-to-clipboard": {
+      "types": "./build/utilities/copy-to-clipboard.d.ts",
+      "import": "./build/utilities/copy-to-clipboard.mjs",
+      "require": "./build/utilities/copy-to-clipboard.js"
+    },
+    "./utilities/generate-random-id": {
+      "types": "./build/utilities/generate-random-id.d.ts",
+      "import": "./build/utilities/generate-random-id.mjs",
+      "require": "./build/utilities/generate-random-id.js"
+    },
+    "./utilities/scale": {
+      "types": "./build/utilities/scale.d.ts",
+      "import": "./build/utilities/scale.mjs",
+      "require": "./build/utilities/scale.js"
+    },
     "./components.css": "./build/components.css"
   },
   "files": [
@@ -101,20 +348,20 @@
     "**/*.css"
   ],
   "peerDependencies": {
-    "@kuma-ui/core": "^1.6.0",
+    "@kuma-ui/core": "^1.6.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@kuma-ui/vite": "^1.5.0",
+    "@kuma-ui/vite": "^1.5.1",
+    "focus-trap-react": "^11.0.6",
     "next": "^16.0.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.2",
-    "@kuma-ui/core": "^1.6.0",
+    "@kuma-ui/core": "^1.6.3",
     "@storybook/addon-a11y": "^10.0.0",
     "@storybook/addon-docs": "^10.0.0",
-    "@storybook/addon-onboarding": "^10.0.0",
     "@storybook/addon-vitest": "^10.0.0",
     "@storybook/nextjs-vite": "^10.0.0",
     "@testing-library/jest-dom": "^6.9.1",

package/readme.md

@@ -16,10 +16,11 @@ Next, import the base stylesheet in your application’s entry point (for exampl
 import '@kakadu/components/components.css';
 ```
 
-Finally, wrap your application with the `theme`. You can start using components right away:
+Finally, wrap your application with the `theme`, and render the `ThemeSetter`. You can start using components right away:
 
 ```tsx
 import theme from '@kakadu/components/theme';
+import ThemeSetter from '@kakadu/components/theme-setter';
 import Box from '@kakadu/components/box';
 
 export default function Wrapper({children}) {
@@ -27,6 +28,7 @@ export default function Wrapper({children}) {
     <div className={theme}>
       <Box>Hello!</Box>
       {children}
+      <ThemeSetter />
     </div>
   );
 }

package/theme.tsx

@@ -1,9 +1,10 @@
-import {css} from '@kuma-ui/core';
+import {css, cx} from '@kuma-ui/core';
 
+export const lightBackgroundColor = '#f8fafc';
+export const darkBackgroundColor = '#0c0d12';
 export const greenColor = '#4ca486';
-
 export const font = {
-  family: 'DM Sans, sans-serif',
+  family: 'Inter, sans-serif',
   stylesheet:
     'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap',
   preconnect: [
@@ -13,31 +14,49 @@ export const font = {
 };
 
 const theme = css`
-  --background-color: #fafcff;
-  --foreground-color: #000;
-
-  --blue-color: #2f455d;
-  --blue-dark-color: #32445b;
-  --blue-hover-color: #345882;
-  --blue-light-color: #b3c0d4;
-  --blue-pale-color: #e1efff;
-
-  --green-color: #4ca486;
-  --green-pale-color: #dceeec;
-  --green-dark-color: #3c6957;
-  --grey-color: #c6c6c6;
-  --grey-pale-color: #dfdfdf;
-  --red-color: #ff4d4d;
-  --red-pale-color: #ffe5e5;
-  --red-pale-hover-color: #ffd6d6;
-  --yellow-color: #f5c235;
-  --yellow-dark-color: #9f7605;
+  --light-color: #f8fafc;
+  --dark-color: #0c0d12;
+
+  --background-color: var(--light-color);
+  --foreground-color: var(--dark-color);
+
+  --red-color: #be354b;
+  --red-color-hover: #c73d56;
+  --red-color-light: #e8687d;
+
+  --yellow-color: #c9ac56;
+  --yellow-color-hover: #d1b559;
+  --yellow-color-light: #edcd71;
+
+  --green-color: #52a14b;
+  --green-color-hover: #5ea957;
+  --green-color-light: #6fb86a;
+
+  --primary-color: var(--green-color);
+  --primary-color-hover: var(--green-color-hover);
+
+  --secondary-color: #175694;
+  --secondary-color-hover: #2c6195;
+  --secondary-color-1: #222528;
+  --secondary-color-2: #112a37;
+  --secondary-color-3: #1e2f35;
+  --secondary-color-4: #2c3238;
 
   --flash-color: rgba(255, 216, 57, 0.5);
   --font-weight-modifier: 50;
 
-  :where([data-theme='dark']) {
+  &[data-theme='dark'] {
     --font-weight-modifier: 0;
+
+    --background-color: var(--dark-color);
+    --foreground-color: var(--light-color);
+
+    --secondary-color: #cce0f0;
+    --secondary-color-hover: #fff;
+    --secondary-color-1: #edf0f2;
+    --secondary-color-2: #e2e6eb;
+    --secondary-color-3: #cbcdd0;
+    --secondary-color-4: #fff;
   }
 
   --accent-font-family: 'Inter', -apple-system, helvetica, arial, sans-serif;
@@ -45,22 +64,48 @@ const theme = css`
 
   --gap: 16px;
 
+  --scale-multiplier: 0.6;
   --quarter-gap: calc(var(--gap) / 4);
   --third-gap: calc(var(--gap) / 3);
   --half-gap: calc(var(--gap) / 2);
-  --sesquialteral-gap: calc(var(--gap) * 1.5);
-  --double-gap: calc(var(--gap) * 2);
-  --triple-gap: calc(var(--gap) * 3);
-  --quadruple-gap: calc(var(--gap) * 4);
+  --sesquialteral-gap: calc(var(--gap) * (1.5 * var(--scale-multiplier)));
+  --double-gap: calc(var(--gap) * (2 * var(--scale-multiplier)));
+  --triple-gap: calc(var(--gap) * (3 * var(--scale-multiplier)));
+  --quadruple-gap: calc(var(--gap) * (4 * var(--scale-multiplier)));
 
   --sidebar-z-index: 424242;
   --modal-z-index: 424243;
 
+  --page-padding: var(--gap);
+
+  @media (min-width: 460px) {
+    --scale-multiplier: 0.7;
+  }
+
+  @media (min-width: 580px) {
+    --scale-multiplier: 0.8;
+    --page-padding: var(--double-gap);
+  }
+
+  @media (min-width: 860px) {
+    --scale-multiplier: 1;
+    --page-padding: var(--triple-gap);
+  }
+
+  --page-width: calc(1080px + (var(--page-padding) * 2));
+  --text-width: 780px;
+  --content-width: 620px;
+
   font-family: var(--font-family);
   font-optical-sizing: auto;
   line-height: normal;
   color: var(--foreground-color);
 
+  :global(:root) {
+    background: var(--background-color);
+    scroll-padding-top: 101px;
+  }
+
   --8px: 0.5rem;
   --9px: 0.5625rem;
   --10px: 0.625rem;
@@ -128,3 +173,64 @@ export const buttonResetStyles = css`
     text-align: right;
   }
 `;
+
+export const effectStyles = css`
+  --soft-shadow-color: rgba(255, 255, 255, 0.375);
+  --hard-shadow-color: rgba(0, 0, 0, 0.075);
+  --inset-hard-shadow-color: rgba(0, 0, 0, 0.2);
+  --box-shadow-outline-color: #fff;
+  --box-shadow-color: rgba(0, 0, 0, 0.25);
+  --box-shadow-highlight-color: rgba(255, 255, 255, 0.05);
+  --box-shadow-top-highlight-color: var(--box-shadow-highlight-color);
+  --box-shadow-inset-color: rgba(0, 0, 0, 0.25);
+  --bevel-shadow-offset: 4px;
+  --bevel-shadow-color: rgba(0, 0, 0, 0.1);
+  --outline-color: rgba(0, 0, 0, 0);
+  --outline-width: 0px;
+
+  :where([data-theme='dark']) & {
+    --soft-shadow-color: rgba(0, 0, 0, 0.375);
+    --hard-shadow-color: rgba(0, 0, 0, 0.4);
+  }
+
+  box-shadow:
+    0 0 2px var(--soft-shadow-color),
+    0 0 0 1px var(--box-shadow-outline-color),
+    0 var(--bevel-shadow-offset) 0 var(--hard-shadow-color),
+    inset 0 calc(var(--bevel-shadow-offset) * -1) 0 var(--bevel-shadow-color),
+    inset 0 calc((var(--bevel-shadow-offset) + 1px) * -1) 0
+      var(--box-shadow-highlight-color),
+    0 0 0 var(--outline-width) var(--outline-color);
+
+  &:before {
+    content: '';
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    border-radius: var(--border-radius);
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    mix-blend-mode: overlay;
+
+    box-shadow:
+      inset 0 0 0 1px var(--box-shadow-color),
+      inset 0 2px 0 var(--box-shadow-top-highlight-color),
+      inset 0 -2px 0 var(--box-shadow-highlight-color),
+      inset 0 1px 0 var(--box-shadow-inset-color),
+      inset 0 calc(var(--bevel-shadow-offset) * -1) 0
+        var(--inset-hard-shadow-color);
+    transition: box-shadow 0.37s;
+  }
+`;
+
+export const nonInteractiveEffectStyles = cx(
+  effectStyles,
+  css`
+    :where([data-theme='dark']) && {
+      --box-shadow-outline-color: #07130e;
+      --box-shadow-color: rgba(255, 255, 255, 0.2);
+    }
+  `
+);

package/build/atom-B-bW2QKm.js

@@ -1 +0,0 @@
-"use strict";const m=require("react"),e="div";function o({as:t,reference:r,...n}){return m.createElement(t??e,{...n,ref:r})}exports.Atom=o;exports.defaultAtomElementType=e;

package/build/atom-CqxGy6PS.mjs

@@ -1,12 +0,0 @@
-import { createElement as r } from "react";
-const m = "div";
-function a({ as: e, reference: t, ...o }) {
-  return r(e ?? m, {
-    ...o,
-    ref: t
-  });
-}
-export {
-  a as A,
-  m as d
-};

package/build/box-4_-REPb0.js

@@ -1 +0,0 @@
-"use strict";const n=require("./jsx-runtime-BB_1_6y_.js"),r=require("@kuma-ui/core"),e=require("./atom-B-bW2QKm.js");function u({as:t,className:o,...s}){return n.jsxRuntimeExports.jsx(e.Atom,{as:t??e.defaultAtomElementType,...s,className:r.cx("kakadu-components-1846349723",o)})}exports.Box=u;

package/build/box-Cf22bdCb.mjs

@@ -1,13 +0,0 @@
-import { j as s } from "./jsx-runtime-B4hRZ52C.mjs";
-import { cx as a } from "@kuma-ui/core";
-import { A as r, d as e } from "./atom-CqxGy6PS.mjs";
-function f({
-  as: o,
-  className: t,
-  ...m
-}) {
-  return /* @__PURE__ */ s.jsx(r, { as: o ?? e, ...m, className: a("kakadu-components-1846349723", t) });
-}
-export {
-  f as B
-};

package/build/components/aria-text.d.ts

@@ -1,5 +0,0 @@
-import { type AtomElementType, type AtomProperties } from './atom';
-export declare const ariaTextStyles: string;
-type AriaTextProperties<Type extends AtomElementType = 'span'> = AtomProperties<Type>;
-export default function AriaText<Type extends AtomElementType = 'span'>({ as, className, ...properties }: AriaTextProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export {};