@blockle/blocks 0.20.0-alpha1.0 → 1.0.1

package/README.md

@@ -13,9 +13,9 @@ yarn add @blockle/blocks
 ```jsx
 import React from 'react';
 
-import '@blockle/blocks/reset.css';
+import '@blockle/blocks/reset';
 import { BlocksProvider } from '@blockle/blocks';
-import { momotaro } from '@blockle/blocks/themes/momotaro';
+import { momotaro } from '@blockle/blocks-theme-momotaro';
 
 const App = () => (
   <BlocksProvider theme={momotaro}>

package/dist/index.cjs

@@ -1,73 +1,23 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const breakpoints = require("./lib/css/atoms/breakpoints.cjs");
-const style = require("./lib/css/style/style.cjs");
-const makeComponentTheme = require("./lib/theme/makeComponentTheme.cjs");
-const makeTheme = require("./lib/theme/makeTheme.cjs");
-const vars_css = require("./lib/theme/vars.css.cjs");
-const createAsChildTemplate = require("./lib/asChildRenderer/createAsChildTemplate.cjs");
-const theme = require("./lib/theme/store/theme.cjs");
-const classnames = require("./lib/utils/classnames.cjs");
-const sprinkles_css = require("./lib/css/atoms/sprinkles.css.cjs");
-const VisuallyHidden = require("./components/accessibility/VisuallyHidden/VisuallyHidden.cjs");
-const Divider = require("./components/display/Divider/Divider.cjs");
-const Progress = require("./components/feedback/Progress/Progress.cjs");
-const Spinner = require("./components/feedback/Spinner/Spinner.cjs");
-const Button = require("./components/form/Button/Button.cjs");
-const Checkbox = require("./components/form/Checkbox/Checkbox.cjs");
-const Input = require("./components/form/Input/Input.cjs");
-const Label = require("./components/form/Label/Label.cjs");
-const Radio = require("./components/form/Radio/Radio.cjs");
-const Select = require("./components/form/Select/Select.cjs");
-const Slider = require("./components/form/Slider/Slider.cjs");
-const Switch = require("./components/form/Switch/Switch.cjs");
-const Box = require("./components/layout/Box/Box.cjs");
-const Inline = require("./components/layout/Inline/Inline.cjs");
-const Stack = require("./components/layout/Stack/Stack.cjs");
-const Link = require("./components/navigation/Link/Link.cjs");
-const BlocksProvider = require("./components/other/BlocksProvider/BlocksProvider.cjs");
-const Portal = require("./components/other/Portal/Portal.cjs");
-const Dialog = require("./components/overlay/Dialog/Dialog.cjs");
-const Tooltip = require("./components/overlay/Tooltip/Tooltip.cjs");
-const Heading = require("./components/typography/Heading/Heading.cjs");
-const Text = require("./components/typography/Text/Text.cjs");
-const useIsomorphicLayoutEffect = require("./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs");
-const useKeyboard = require("./hooks/useKeyboard/useKeyboard.cjs");
-const usePreventBodyScroll = require("./hooks/usePreventBodyScroll/usePreventBodyScroll.cjs");
-const useRootAriaHidden = require("./hooks/useRootAriaHidden/useRootAriaHidden.cjs");
-exports.minMediaQuery = breakpoints.minMediaQuery;
-exports.style = style.style;
-exports.makeComponentTheme = makeComponentTheme.makeComponentTheme;
-exports.makeTheme = makeTheme.makeTheme;
-exports.vars = vars_css.vars;
-exports.createAsChildTemplate = createAsChildTemplate.createAsChildTemplate;
-exports.getTheme = theme.getTheme;
-exports.setTheme = theme.setTheme;
-exports.classnames = classnames.classnames;
-exports.sprinkles = sprinkles_css.atoms;
-exports.VisuallyHidden = VisuallyHidden.VisuallyHidden;
-exports.Divider = Divider.Divider;
-exports.Progress = Progress.Progress;
-exports.Spinner = Spinner.Spinner;
-exports.Button = Button.Button;
-exports.Checkbox = Checkbox.Checkbox;
-exports.Input = Input.Input;
-exports.Label = Label.Label;
-exports.Radio = Radio.Radio;
-exports.Select = Select.Select;
-exports.Slider = Slider.Slider;
-exports.Switch = Switch.Switch;
-exports.Box = Box.Box;
-exports.Inline = Inline.Inline;
-exports.Stack = Stack.Stack;
-exports.Link = Link.Link;
-exports.BlocksProvider = BlocksProvider.BlocksProvider;
-exports.Portal = Portal.Portal;
-exports.Dialog = Dialog.Dialog;
-exports.Tooltip = Tooltip.Tooltip;
-exports.Heading = Heading.Heading;
-exports.Text = Text.Text;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
-exports.useKeyboard = useKeyboard.useKeyboard;
-exports.usePreventBodyScroll = usePreventBodyScroll.usePreventBodyScroll;
-exports.useRootAriaHidden = useRootAriaHidden.useRootAriaHidden;
+const blocksCore = require("@blockle/blocks-core");
+const blocksReact = require("@blockle/blocks-react");
+const blocksReactSlot = require("@blockle/blocks-react-slot");
+Object.keys(blocksCore).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => blocksCore[k]
+  });
+});
+Object.keys(blocksReact).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => blocksReact[k]
+  });
+});
+Object.keys(blocksReactSlot).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => blocksReactSlot[k]
+  });
+});

package/dist/index.d.ts

@@ -1,36 +1,3 @@
-export { atoms as sprinkles } from './lib/css/atoms/atoms';
-export { minMediaQuery } from './lib/css/atoms/breakpoints';
-export { style } from './lib/css/style/style';
-export { makeComponentTheme, type ThemeComponentsStyles, } from './lib/theme/makeComponentTheme';
-export { makeTheme } from './lib/theme/makeTheme';
-export type { ThemeTokens } from './lib/theme/tokensType';
-export { vars } from './lib/theme/vars.css';
-export { VisuallyHidden, type VisuallyHiddenProps, } from './components/accessibility/VisuallyHidden';
-export { Divider, type DividerProps } from './components/display/Divider';
-export { Progress, type ProgressProps } from './components/feedback/Progress';
-export { Spinner, type SpinnerProps } from './components/feedback/Spinner';
-export { Button, type ButtonProps } from './components/form/Button';
-export { Checkbox, type CheckboxProps } from './components/form/Checkbox';
-export { Input, type InputProps } from './components/form/Input';
-export { Label, type LabelProps } from './components/form/Label';
-export { Radio, type RadioProps } from './components/form/Radio';
-export { Select, type SelectProps } from './components/form/Select';
-export { Slider, type SliderProps } from './components/form/Slider';
-export { Switch, type SwitchProps } from './components/form/Switch';
-export { Box, type BoxProps } from './components/layout/Box';
-export { Inline, type InlineProps } from './components/layout/Inline';
-export { Stack, type StackProps } from './components/layout/Stack';
-export { Link, type LinkProps } from './components/navigation/Link';
-export { BlocksProvider, type BlocksProviderProps, } from './components/other/BlocksProvider';
-export { Portal, type PortalProps } from './components/other/Portal';
-export { Dialog, type DialogProps } from './components/overlay/Dialog';
-export { Tooltip, type TooltipProps } from './components/overlay/Tooltip';
-export { Heading, type HeadingProps } from './components/typography/Heading';
-export { Text, type TextProps } from './components/typography/Text';
-export { createAsChildTemplate } from './lib/asChildRenderer/createAsChildTemplate';
-export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
-export { useKeyboard } from './hooks/useKeyboard';
-export { usePreventBodyScroll } from './hooks/usePreventBodyScroll';
-export { useRootAriaHidden } from './hooks/useRootAriaHidden';
-export { getTheme, setTheme } from './lib/theme/store/theme';
-export { classnames } from './lib/utils/classnames';
+export * from '@blockle/blocks-core';
+export * from '@blockle/blocks-react';
+export * from '@blockle/blocks-react-slot';

package/dist/index.js

@@ -1,73 +1,3 @@
-import { minMediaQuery } from "./lib/css/atoms/breakpoints.js";
-import { style } from "./lib/css/style/style.js";
-import { makeComponentTheme } from "./lib/theme/makeComponentTheme.js";
-import { makeTheme } from "./lib/theme/makeTheme.js";
-import { vars } from "./lib/theme/vars.css.js";
-import { createAsChildTemplate } from "./lib/asChildRenderer/createAsChildTemplate.js";
-import { getTheme, setTheme } from "./lib/theme/store/theme.js";
-import { classnames } from "./lib/utils/classnames.js";
-import { atoms } from "./lib/css/atoms/sprinkles.css.js";
-import { VisuallyHidden } from "./components/accessibility/VisuallyHidden/VisuallyHidden.js";
-import { Divider } from "./components/display/Divider/Divider.js";
-import { Progress } from "./components/feedback/Progress/Progress.js";
-import { Spinner } from "./components/feedback/Spinner/Spinner.js";
-import { Button } from "./components/form/Button/Button.js";
-import { Checkbox } from "./components/form/Checkbox/Checkbox.js";
-import { Input } from "./components/form/Input/Input.js";
-import { Label } from "./components/form/Label/Label.js";
-import { Radio } from "./components/form/Radio/Radio.js";
-import { Select } from "./components/form/Select/Select.js";
-import { Slider } from "./components/form/Slider/Slider.js";
-import { Switch } from "./components/form/Switch/Switch.js";
-import { Box } from "./components/layout/Box/Box.js";
-import { Inline } from "./components/layout/Inline/Inline.js";
-import { Stack } from "./components/layout/Stack/Stack.js";
-import { Link } from "./components/navigation/Link/Link.js";
-import { BlocksProvider } from "./components/other/BlocksProvider/BlocksProvider.js";
-import { Portal } from "./components/other/Portal/Portal.js";
-import { Dialog } from "./components/overlay/Dialog/Dialog.js";
-import { Tooltip } from "./components/overlay/Tooltip/Tooltip.js";
-import { Heading } from "./components/typography/Heading/Heading.js";
-import { Text } from "./components/typography/Text/Text.js";
-import { useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
-import { useKeyboard } from "./hooks/useKeyboard/useKeyboard.js";
-import { usePreventBodyScroll } from "./hooks/usePreventBodyScroll/usePreventBodyScroll.js";
-import { useRootAriaHidden } from "./hooks/useRootAriaHidden/useRootAriaHidden.js";
-export {
-  BlocksProvider,
-  Box,
-  Button,
-  Checkbox,
-  Dialog,
-  Divider,
-  Heading,
-  Inline,
-  Input,
-  Label,
-  Link,
-  Portal,
-  Progress,
-  Radio,
-  Select,
-  Slider,
-  Spinner,
-  Stack,
-  Switch,
-  Text,
-  Tooltip,
-  VisuallyHidden,
-  classnames,
-  createAsChildTemplate,
-  getTheme,
-  makeComponentTheme,
-  makeTheme,
-  minMediaQuery,
-  setTheme,
-  atoms as sprinkles,
-  style,
-  useIsomorphicLayoutEffect,
-  useKeyboard,
-  usePreventBodyScroll,
-  useRootAriaHidden,
-  vars
-};
+export * from "@blockle/blocks-core";
+export * from "@blockle/blocks-react";
+export * from "@blockle/blocks-react-slot";

package/dist/reset.cjs

@@ -1,3 +1,2 @@
 "use strict";
-require("./lib/css/atoms/sprinkles.css.cjs");
-require("./lib/css/reset/reset.css.cjs");
+require("@blockle/blocks-reset");

package/dist/reset.js

@@ -1,2 +1 @@
-import "./lib/css/atoms/sprinkles.css.js";
-import "./lib/css/reset/reset.css.js";
+import "@blockle/blocks-reset";

package/package.json

@@ -1,18 +1,13 @@
 {
   "name": "@blockle/blocks",
-  "version": "0.20.0-alpha1.0",
-  "description": "Blocks design system",
-  "repository": "git@github.com:Blockle/blocks.git",
-  "license": "MIT",
-  "author": "Niek Saarberg <n.saarberg@gmail.com>",
-  "sideEffects": [
-    "*.css.*"
-  ],
+  "version": "1.0.1",
+  "description": "Design system for React",
   "type": "module",
+  "sideEffects": false,
   "exports": {
     ".": {
       "types": {
-        "import": "./dist/index.d.ts",
+        "import": "./dist/index.d.mts",
         "require": "./dist/index.d.ts"
       },
       "import": "./dist/index.js",
@@ -20,91 +15,40 @@
     },
     "./reset": {
       "types": {
-        "import": "./dist/reset.d.ts",
+        "import": "./dist/reset.d.mts",
         "require": "./dist/reset.d.ts"
       },
       "import": "./dist/reset.js",
       "require": "./dist/reset.cjs"
-    },
-    "./themes/momotaro": {
-      "types": {
-        "import": "./dist/themes/momotaro.d.ts",
-        "require": "./dist/themes/momotaro.d.ts"
-      },
-      "import": "./dist/themes/momotaro.js",
-      "require": "./dist/themes/momotaro.cjs"
-    },
-    "./package.json": "./package.json"
+    }
   },
+  "files": [
+    "dist"
+  ],
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "files": [
-    "dist",
-    "reset",
-    "themes/momotaro"
-  ],
   "scripts": {
     "build": "vite build",
-    "build-storybook": "storybook build",
-    "changeset": "changeset",
-    "coverage": "vitest run --coverage",
-    "fix": "crackle fix",
+    "test": "vitest ",
     "lint": "biome format ./src",
     "format": "biome format --write ./src",
-    "release": "npm run ts && npm run test && npm run build && changeset publish",
-    "storybook": "storybook dev -p 6006 --no-open",
-    "test": "vitest --silent",
     "ts": "tsc --noemit --project ./tsconfig.json"
   },
-  "resolutions": {
-    "string-width": "^4.2.2"
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/Blockle/blocks.git"
   },
-  "devDependencies": {
-    "@biomejs/biome": "1.9.4",
-    "@changesets/cli": "^2.27.12",
-    "@chromatic-com/storybook": "^3.2.4",
-    "@storybook/addon-a11y": "^8.5.3",
-    "@storybook/addon-coverage": "^1.0.5",
-    "@storybook/addon-essentials": "^8.5.3",
-    "@storybook/addon-interactions": "^8.5.3",
-    "@storybook/addon-links": "^8.5.3",
-    "@storybook/blocks": "^8.5.3",
-    "@storybook/preview-api": "^8.5.3",
-    "@storybook/react": "^8.5.3",
-    "@storybook/react-vite": "^8.5.3",
-    "@storybook/test": "^8.5.3",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
-    "@vanilla-extract/css": "^1.17.1",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/sprinkles": "^1.6.2",
-    "@vanilla-extract/vite-plugin": "^5.0.0",
-    "@vitejs/plugin-react-swc": "^3.8.0",
-    "@vitest/coverage-v8": "^3.0.4",
-    "autoprefixer": "^10.4.19",
-    "cross-env": "^7.0.3",
-    "jsdom": "^26.0.0",
-    "prop-types": "^15.8.1",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^8.5.3",
-    "typescript": "^5.7.3",
-    "vite": "^6.1.0",
-    "vite-plugin-dts": "^4.5.0",
-    "vite-plugin-externalize-deps": "^0.9.0",
-    "vitest": "^3.0.4"
+  "author": "Niek Saarberg <n.saarberg@gmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/Blockle/blocks/issues"
   },
+  "homepage": "https://github.com/Blockle/blocks#readme",
   "peerDependencies": {
-    "@vanilla-extract/css": ">=1.14",
-    "@vanilla-extract/sprinkles": ">=1.6",
-    "react": ">=19.0.0",
-    "react-dom": ">=19.0.0"
-  },
-  "overrides": {
-    "nwsapi": "2.2.2"
+    "@blockle/blocks-core": "^0.21.0",
+    "@blockle/blocks-react": "^1.0.0",
+    "@blockle/blocks-react-slot": "^1.0.0",
+    "@blockle/blocks-reset": "^0.21.0"
   }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2023 Blockle
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.cjs

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const classnames = require("../../../lib/utils/classnames.cjs");
-const visuallyHidden_css = require("./visually-hidden.css.cjs");
-const VisuallyHidden = ({
-  children,
-  className,
-  ...restProps
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: classnames.classnames(visuallyHidden_css.visuallyHidden, className),
-      ...restProps,
-      children
-    }
-  );
-};
-exports.VisuallyHidden = VisuallyHidden;

package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,5 +0,0 @@
-import { HTMLElementProps } from '../../../lib/utils/utils';
-export type VisuallyHiddenProps = {
-    children: React.ReactNode;
-} & HTMLElementProps<HTMLSpanElement>;
-export declare const VisuallyHidden: React.FC<VisuallyHiddenProps>;

package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.js

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { classnames } from "../../../lib/utils/classnames.js";
-import { visuallyHidden } from "./visually-hidden.css.js";
-const VisuallyHidden = ({
-  children,
-  className,
-  ...restProps
-}) => {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: classnames(visuallyHidden, className),
-      ...restProps,
-      children
-    }
-  );
-};
-export {
-  VisuallyHidden
-};

package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { VisuallyHidden, VisuallyHiddenProps } from './VisuallyHidden';
-declare const meta: Meta<typeof VisuallyHidden>;
-export default meta;
-type Story = StoryObj<VisuallyHiddenProps>;
-export declare const Default: Story;

package/dist/components/accessibility/VisuallyHidden/index.d.ts

@@ -1 +0,0 @@
-export { VisuallyHidden, type VisuallyHiddenProps } from './VisuallyHidden';

package/dist/components/accessibility/VisuallyHidden/visually-hidden.css.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/components/accessibility/VisuallyHidden/visually-hidden.css.ts", "@blockle/blocks");
-const visuallyHidden = css.style({
-  clip: "rect(0 0 0 0)",
-  clipPath: "inset(50%)",
-  height: "1px",
-  overflow: "hidden",
-  position: "absolute",
-  whiteSpace: "nowrap",
-  width: "1px"
-});
-fileScope.endFileScope();
-exports.visuallyHidden = visuallyHidden;

package/dist/components/accessibility/VisuallyHidden/visually-hidden.css.d.ts

@@ -1 +0,0 @@
-export declare const visuallyHidden: string;

package/dist/components/accessibility/VisuallyHidden/visually-hidden.css.js

@@ -1,16 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { style } from "@vanilla-extract/css";
-setFileScope("src/components/accessibility/VisuallyHidden/visually-hidden.css.ts", "@blockle/blocks");
-const visuallyHidden = style({
-  clip: "rect(0 0 0 0)",
-  clipPath: "inset(50%)",
-  height: "1px",
-  overflow: "hidden",
-  position: "absolute",
-  whiteSpace: "nowrap",
-  width: "1px"
-});
-endFileScope();
-export {
-  visuallyHidden
-};

package/dist/components/display/Divider/Divider.cjs

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const theme = require("../../../lib/theme/store/theme.cjs");
-const classnames = require("../../../lib/utils/classnames.cjs");
-const divider_css = require("./divider.css.cjs");
-const Box = require("../../layout/Box/Box.cjs");
-const Divider = ({
-  className,
-  color,
-  ...restProps
-}) => {
-  const dividerClass = theme.getComponentStyles("divider", { base: true });
-  const dividerDefaults = theme.getComponentStyleDefaults("divider");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Box.Box,
-    {
-      role: "separator",
-      inlineSize: "full",
-      backgroundColor: color ?? dividerDefaults.color,
-      className: classnames.classnames(className, dividerClass, divider_css.divider),
-      ...restProps
-    }
-  );
-};
-exports.Divider = Divider;

package/dist/components/display/Divider/Divider.d.ts

@@ -1,7 +0,0 @@
-import { Atoms } from '../../../lib/css/atoms';
-export type DividerProps = {
-    className?: string;
-    color?: Atoms['backgroundColor'];
-    style?: React.CSSProperties;
-};
-export declare const Divider: React.FC<DividerProps>;

package/dist/components/display/Divider/Divider.js

@@ -1,26 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { getComponentStyles, getComponentStyleDefaults } from "../../../lib/theme/store/theme.js";
-import { classnames } from "../../../lib/utils/classnames.js";
-import { divider } from "./divider.css.js";
-import { Box } from "../../layout/Box/Box.js";
-const Divider = ({
-  className,
-  color,
-  ...restProps
-}) => {
-  const dividerClass = getComponentStyles("divider", { base: true });
-  const dividerDefaults = getComponentStyleDefaults("divider");
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      role: "separator",
-      inlineSize: "full",
-      backgroundColor: color ?? dividerDefaults.color,
-      className: classnames(className, dividerClass, divider),
-      ...restProps
-    }
-  );
-};
-export {
-  Divider
-};

package/dist/components/display/Divider/Divider.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/display/Divider/Divider.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Divider, DividerProps } from './Divider';
-declare const meta: Meta<typeof Divider>;
-export default meta;
-type Story = StoryObj<DividerProps>;
-export declare const Default: Story;

package/dist/components/display/Divider/divider.css.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const layers_css = require("../../../lib/css/layers/layers.css.cjs");
-fileScope.setFileScope("src/components/display/Divider/divider.css.ts", "@blockle/blocks");
-const divider = css.style({
-  "@layer": {
-    [layers_css.blocksLayer]: {
-      clear: "both",
-      blockSize: "1px"
-    }
-  }
-});
-fileScope.endFileScope();
-exports.divider = divider;

package/dist/components/display/Divider/divider.css.d.ts

@@ -1 +0,0 @@
-export declare const divider: string;

package/dist/components/display/Divider/divider.css.js

@@ -1,16 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { style } from "@vanilla-extract/css";
-import { blocksLayer } from "../../../lib/css/layers/layers.css.js";
-setFileScope("src/components/display/Divider/divider.css.ts", "@blockle/blocks");
-const divider = style({
-  "@layer": {
-    [blocksLayer]: {
-      clear: "both",
-      blockSize: "1px"
-    }
-  }
-});
-endFileScope();
-export {
-  divider
-};

package/dist/components/display/Divider/index.d.ts

@@ -1 +0,0 @@
-export { Divider, type DividerProps } from './Divider';