@blockle/blocks 0.20.0-alpha1 → 1.0.0

package/README.md

@@ -1,70 +1 @@
-# @blockle/blocks design system
-
-Design system for react with vanilla-extract.
-
-## Installation
-
-```bash
-yarn add @blockle/blocks
-```
-
-## Setup
-
-```jsx
-import React from 'react';
-
-import '@blockle/blocks/reset.css';
-import { BlocksProvider } from '@blockle/blocks';
-import { momotaro } from '@blockle/blocks/themes/momotaro';
-
-const App = () => (
-  <BlocksProvider theme={momotaro}>
-    <div>Your app here</div>
-  </BlocksProvider>
-);
-```
-
-## Usage
-
-```jsx
-import React from 'react';
-import { Button } from '@blockle/blocks';
-
-const App = () => <Button variant="ghost">Click me</Button>;
-```
-
-## Theming
-
-yourTheme.css.ts
-
-```jsx
-import { ThemeTokens, makeComponentTheme, makeTheme, style } from "@blockle/blocks";
-
-const tokens: ThemeTokens = {
-  // ...
-};
-
-const button = makeComponentTheme('button', {
-  base: style({
-    ...
-  }),
-  variants: {
-    primary: style({
-      ...
-    }),
-    secondary: style({
-      ...
-    })
-  },
-  compoundVariants: [],
-  defaultVariants: {
-    variant: 'primary',
-  },
-});
-
-export const theme = makeTheme({
-  name: 'Theme name',
-  tokens,
-  components,
-});
-```
+# @blockle/blocks

package/dist/index.cjs

@@ -1,73 +1,23 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const lib_css_atoms_breakpoints_cjs = require("./lib/css/atoms/breakpoints.cjs");
-const lib_css_style_style_cjs = require("./lib/css/style/style.cjs");
-const lib_theme_makeComponentTheme_cjs = require("./lib/theme/makeComponentTheme.cjs");
-const lib_theme_makeTheme_cjs = require("./lib/theme/makeTheme.cjs");
-const lib_theme_vars_css_cjs = require("./lib/theme/vars.css.cjs");
-const lib_asChildRenderer_createAsChildTemplate_cjs = require("./lib/asChildRenderer/createAsChildTemplate.cjs");
-const lib_theme_store_theme_cjs = require("./lib/theme/store/theme.cjs");
-const lib_utils_classnames_cjs = require("./lib/utils/classnames.cjs");
-const lib_css_atoms_sprinkles_css_cjs = require("./lib/css/atoms/sprinkles.css.cjs");
-const components_accessibility_VisuallyHidden_VisuallyHidden_cjs = require("./components/accessibility/VisuallyHidden/VisuallyHidden.cjs");
-const components_display_Divider_Divider_cjs = require("./components/display/Divider/Divider.cjs");
-const components_feedback_Progress_Progress_cjs = require("./components/feedback/Progress/Progress.cjs");
-const components_feedback_Spinner_Spinner_cjs = require("./components/feedback/Spinner/Spinner.cjs");
-const components_form_Button_Button_cjs = require("./components/form/Button/Button.cjs");
-const components_form_Checkbox_Checkbox_cjs = require("./components/form/Checkbox/Checkbox.cjs");
-const components_form_Input_Input_cjs = require("./components/form/Input/Input.cjs");
-const components_form_Label_Label_cjs = require("./components/form/Label/Label.cjs");
-const components_form_Radio_Radio_cjs = require("./components/form/Radio/Radio.cjs");
-const components_form_Select_Select_cjs = require("./components/form/Select/Select.cjs");
-const components_form_Slider_Slider_cjs = require("./components/form/Slider/Slider.cjs");
-const components_form_Switch_Switch_cjs = require("./components/form/Switch/Switch.cjs");
-const components_layout_Box_Box_cjs = require("./components/layout/Box/Box.cjs");
-const components_layout_Inline_Inline_cjs = require("./components/layout/Inline/Inline.cjs");
-const components_layout_Stack_Stack_cjs = require("./components/layout/Stack/Stack.cjs");
-const components_navigation_Link_Link_cjs = require("./components/navigation/Link/Link.cjs");
-const components_other_BlocksProvider_BlocksProvider_cjs = require("./components/other/BlocksProvider/BlocksProvider.cjs");
-const components_other_Portal_Portal_cjs = require("./components/other/Portal/Portal.cjs");
-const components_overlay_Dialog_Dialog_cjs = require("./components/overlay/Dialog/Dialog.cjs");
-const components_overlay_Tooltip_Tooltip_cjs = require("./components/overlay/Tooltip/Tooltip.cjs");
-const components_typography_Heading_Heading_cjs = require("./components/typography/Heading/Heading.cjs");
-const components_typography_Text_Text_cjs = require("./components/typography/Text/Text.cjs");
-const hooks_useIsomorphicLayoutEffect_useIsomorphicLayoutEffect_cjs = require("./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs");
-const hooks_useKeyboard_useKeyboard_cjs = require("./hooks/useKeyboard/useKeyboard.cjs");
-const hooks_usePreventBodyScroll_usePreventBodyScroll_cjs = require("./hooks/usePreventBodyScroll/usePreventBodyScroll.cjs");
-const hooks_useRootAriaHidden_useRootAriaHidden_cjs = require("./hooks/useRootAriaHidden/useRootAriaHidden.cjs");
-exports.minMediaQuery = lib_css_atoms_breakpoints_cjs.minMediaQuery;
-exports.style = lib_css_style_style_cjs.style;
-exports.makeComponentTheme = lib_theme_makeComponentTheme_cjs.makeComponentTheme;
-exports.makeTheme = lib_theme_makeTheme_cjs.makeTheme;
-exports.vars = lib_theme_vars_css_cjs.vars;
-exports.createAsChildTemplate = lib_asChildRenderer_createAsChildTemplate_cjs.createAsChildTemplate;
-exports.getTheme = lib_theme_store_theme_cjs.getTheme;
-exports.setTheme = lib_theme_store_theme_cjs.setTheme;
-exports.classnames = lib_utils_classnames_cjs.classnames;
-exports.atoms = lib_css_atoms_sprinkles_css_cjs.atoms;
-exports.VisuallyHidden = components_accessibility_VisuallyHidden_VisuallyHidden_cjs.VisuallyHidden;
-exports.Divider = components_display_Divider_Divider_cjs.Divider;
-exports.Progress = components_feedback_Progress_Progress_cjs.Progress;
-exports.Spinner = components_feedback_Spinner_Spinner_cjs.Spinner;
-exports.Button = components_form_Button_Button_cjs.Button;
-exports.Checkbox = components_form_Checkbox_Checkbox_cjs.Checkbox;
-exports.Input = components_form_Input_Input_cjs.Input;
-exports.Label = components_form_Label_Label_cjs.Label;
-exports.Radio = components_form_Radio_Radio_cjs.Radio;
-exports.Select = components_form_Select_Select_cjs.Select;
-exports.Slider = components_form_Slider_Slider_cjs.Slider;
-exports.Switch = components_form_Switch_Switch_cjs.Switch;
-exports.Box = components_layout_Box_Box_cjs.Box;
-exports.Inline = components_layout_Inline_Inline_cjs.Inline;
-exports.Stack = components_layout_Stack_Stack_cjs.Stack;
-exports.Link = components_navigation_Link_Link_cjs.Link;
-exports.BlocksProvider = components_other_BlocksProvider_BlocksProvider_cjs.BlocksProvider;
-exports.Portal = components_other_Portal_Portal_cjs.Portal;
-exports.Dialog = components_overlay_Dialog_Dialog_cjs.Dialog;
-exports.Tooltip = components_overlay_Tooltip_Tooltip_cjs.Tooltip;
-exports.Heading = components_typography_Heading_Heading_cjs.Heading;
-exports.Text = components_typography_Text_Text_cjs.Text;
-exports.useIsomorphicLayoutEffect = hooks_useIsomorphicLayoutEffect_useIsomorphicLayoutEffect_cjs.useIsomorphicLayoutEffect;
-exports.useKeyboard = hooks_useKeyboard_useKeyboard_cjs.useKeyboard;
-exports.usePreventBodyScroll = hooks_usePreventBodyScroll_usePreventBodyScroll_cjs.usePreventBodyScroll;
-exports.useRootAriaHidden = hooks_useRootAriaHidden_useRootAriaHidden_cjs.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 +1,3 @@
-export { BlocksProvider, BlocksProviderProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Dialog, DialogProps, Divider, DividerProps, Heading, HeadingProps, Inline, InlineProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Portal, PortalProps, Progress, ProgressProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Switch, SwitchProps, Text, TextProps, ThemeComponentsStyles, ThemeTokens, Tooltip, TooltipProps, VisuallyHidden, VisuallyHiddenProps, atoms, classnames, createAsChildTemplate, getTheme, makeComponentTheme, makeTheme, minMediaQuery, setTheme, style, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars } from './momotaro.chunk.js';
+export * from '@blockle/blocks-core';
+export * from '@blockle/blocks-react';
+export * from '@blockle/blocks-react-slot';

package/dist/index.js

@@ -0,0 +1,3 @@
+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.d.ts

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

package/dist/reset.js

@@ -0,0 +1 @@
+import "@blockle/blocks-reset";

package/package.json

@@ -1,25 +1,16 @@
 {
   "name": "@blockle/blocks",
-  "version": "0.20.0-alpha1",
-  "description": "Blocks design system",
-  "repository": "git@github.com:Blockle/blocks.git",
-  "license": "MIT",
-  "author": "Niek Saarberg <n.saarberg@gmail.com>",
-  "sideEffects": [
-    "**/entries/reset.ts",
-    "**/reset/**",
-    "*.css.*",
-    "dist/reset.*",
-    "dist/side-effects/**"
-  ],
+  "version": "1.0.0",
+  "description": "Design system for React",
   "type": "module",
+  "sideEffects": false,
   "exports": {
     ".": {
       "types": {
         "import": "./dist/index.d.mts",
         "require": "./dist/index.d.ts"
       },
-      "import": "./dist/index.mjs",
+      "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
     "./reset": {
@@ -27,85 +18,37 @@
         "import": "./dist/reset.d.mts",
         "require": "./dist/reset.d.ts"
       },
-      "import": "./dist/reset.mjs",
+      "import": "./dist/reset.js",
       "require": "./dist/reset.cjs"
-    },
-    "./themes/momotaro": {
-      "types": {
-        "import": "./dist/themes/momotaro.d.mts",
-        "require": "./dist/themes/momotaro.d.ts"
-      },
-      "import": "./dist/themes/momotaro.mjs",
-      "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": "crackle package && node ./scripts/use-client-fix.mjs",
-    "build-storybook": "storybook build",
-    "changeset": "changeset",
-    "coverage": "vitest run --coverage",
-    "fix": "crackle fix",
+    "build": "vite build",
+    "test": "vitest ",
     "lint": "biome format ./src",
-    "lint:fix": "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",
+    "format": "biome format --write ./src",
     "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",
-    "@crackle/cli": "^0.15.5",
-    "@crackle/core": "^0.33.3",
-    "@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",
-    "@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",
-    "storybook": "^8.5.3",
-    "typescript": "^5.7.3",
-    "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,19 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const lib_utils_classnames_cjs = require("../../../lib/utils/classnames.cjs");
-const components_accessibility_VisuallyHidden_visuallyHidden_css_cjs = require("./visually-hidden.css.cjs");
-const VisuallyHidden = ({
-  children,
-  className,
-  ...restProps
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: lib_utils_classnames_cjs.classnames(components_accessibility_VisuallyHidden_visuallyHidden_css_cjs.visuallyHidden, className),
-      ...restProps,
-      children
-    }
-  );
-};
-exports.VisuallyHidden = VisuallyHidden;

package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.mjs

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

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

@@ -1 +0,0 @@
-"use strict";

package/dist/components/accessibility/VisuallyHidden/index.mjs

@@ -1 +0,0 @@
-

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

@@ -1,15 +0,0 @@
-"use strict";
-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"
-}, "visuallyHidden");
-fileScope.endFileScope();
-exports.visuallyHidden = visuallyHidden;

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

@@ -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"
-}, "visuallyHidden");
-endFileScope();
-export {
-  visuallyHidden
-};

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

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

package/dist/components/display/Divider/Divider.mjs

@@ -1,26 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { getComponentStyles, getComponentStyleDefaults } from "../../../lib/theme/store/theme.mjs";
-import { classnames } from "../../../lib/utils/classnames.mjs";
-import { divider } from "./divider.css.mjs";
-import { Box } from "../../layout/Box/Box.mjs";
-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.css.cjs

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

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

@@ -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.mjs";
-setFileScope("src/components/display/Divider/divider.css.ts", "@blockle/blocks");
-const divider = style({
-  "@layer": {
-    [blocksLayer]: {
-      clear: "both",
-      blockSize: "1px"
-    }
-  }
-}, "divider");
-endFileScope();
-export {
-  divider
-};

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

@@ -1 +0,0 @@
-"use strict";

package/dist/components/display/Divider/index.mjs

@@ -1 +0,0 @@
-

package/dist/components/feedback/Progress/Progress.cjs

@@ -1,53 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const lib_theme_store_theme_cjs = require("../../../lib/theme/store/theme.cjs");
-const lib_utils_classnames_cjs = require("../../../lib/utils/classnames.cjs");
-const components_layout_Box_Box_cjs = require("../../layout/Box/Box.cjs");
-const Progress = ({
-  className,
-  indeterminate,
-  max = 100,
-  ref,
-  value = 0,
-  ...restProps
-}) => {
-  const progress = value / max * 100;
-  const containerClassName = lib_theme_store_theme_cjs.getComponentStyles(
-    "progress",
-    {
-      base: true
-    },
-    false
-  );
-  const barClassName = lib_theme_store_theme_cjs.getComponentStyles(
-    "progress",
-    { bar: true, variants: { indeterminate } },
-    false
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    components_layout_Box_Box_cjs.Box,
-    {
-      ref,
-      className: lib_utils_classnames_cjs.classnames(containerClassName, className),
-      overflow: "hidden",
-      role: "progressbar",
-      "aria-valuenow": value,
-      "aria-valuemin": 0,
-      "aria-valuemax": max,
-      ...restProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        components_layout_Box_Box_cjs.Box,
-        {
-          className: barClassName,
-          backgroundColor: "currentColor",
-          inlineSize: "full",
-          blockSize: "full",
-          style: {
-            transform: indeterminate ? void 0 : `translateX(-${100 - progress}%)`
-          }
-        }
-      )
-    }
-  );
-};
-exports.Progress = Progress;

package/dist/components/feedback/Progress/Progress.mjs

@@ -1,54 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { getComponentStyles } from "../../../lib/theme/store/theme.mjs";
-import { classnames } from "../../../lib/utils/classnames.mjs";
-import { Box } from "../../layout/Box/Box.mjs";
-const Progress = ({
-  className,
-  indeterminate,
-  max = 100,
-  ref,
-  value = 0,
-  ...restProps
-}) => {
-  const progress = value / max * 100;
-  const containerClassName = getComponentStyles(
-    "progress",
-    {
-      base: true
-    },
-    false
-  );
-  const barClassName = getComponentStyles(
-    "progress",
-    { bar: true, variants: { indeterminate } },
-    false
-  );
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      ref,
-      className: classnames(containerClassName, className),
-      overflow: "hidden",
-      role: "progressbar",
-      "aria-valuenow": value,
-      "aria-valuemin": 0,
-      "aria-valuemax": max,
-      ...restProps,
-      children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          className: barClassName,
-          backgroundColor: "currentColor",
-          inlineSize: "full",
-          blockSize: "full",
-          style: {
-            transform: indeterminate ? void 0 : `translateX(-${100 - progress}%)`
-          }
-        }
-      )
-    }
-  );
-};
-export {
-  Progress
-};

package/dist/components/feedback/Progress/index.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/components/feedback/Progress/index.mjs

@@ -1 +0,0 @@
-