moduix 0.10.0 → 0.11.1

package/dist/components/Badge/Badge.js

@@ -0,0 +1,22 @@
+import Badge_module_default from "./Badge.module.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/Badge/Badge.tsx
+function Badge({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "badge-root",
+		"data-variant": variant,
+		className: clsx$1(Badge_module_default.root, className),
+		...props
+	});
+}
+function BadgeDot({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "badge-dot",
+		"aria-hidden": "true",
+		className: clsx$1(Badge_module_default.dot, className),
+		...props
+	});
+}
+//#endregion
+export { Badge, BadgeDot };

package/dist/components/Badge/Badge.module.cjs

@@ -0,0 +1,8 @@
+import './Badge.css';
+//#region src/components/Badge/Badge.module.css
+var Badge_module_default = {
+	"dot": "PcM4LW_dot",
+	"root": "PcM4LW_root"
+};
+//#endregion
+exports.default = Badge_module_default;

package/dist/components/Badge/Badge.module.js

@@ -0,0 +1,8 @@
+import './Badge.css';
+//#region src/components/Badge/Badge.module.css
+var Badge_module_default = {
+	"dot": "PcM4LW_dot",
+	"root": "PcM4LW_root"
+};
+//#endregion
+export { Badge_module_default as default };

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

@@ -1 +1 @@
-export * from './Badge';
+import { Badge, BadgeDot, BadgeDotProps, BadgeProps, BadgeVariant } from "./Badge.js";

package/dist/components/Bleed/Bleed.cjs

@@ -0,0 +1,17 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Bleed_module = require("./Bleed.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+//#region src/components/Bleed/Bleed.tsx
+function Bleed({ as: Root = "div", inline = "full", block = "none", className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Root, {
+		...props,
+		"data-slot": "bleed-root",
+		"data-inline": inline,
+		"data-block": block,
+		className: (0, clsx.default)(require_Bleed_module.default.root, className)
+	});
+}
+//#endregion
+exports.Bleed = Bleed;

package/dist/components/Bleed/Bleed.css

@@ -0,0 +1,51 @@
+@layer ui.components {
+  .B_mjfG_root {
+    box-sizing: border-box;
+    margin: 0;
+  }
+
+  .B_mjfG_root[data-inline="xs"] {
+    margin-inline: calc(var(--bleed-inline-xs, var(--spacing-1)) * -1);
+  }
+
+  .B_mjfG_root[data-inline="sm"] {
+    margin-inline: calc(var(--bleed-inline-sm, var(--spacing-2)) * -1);
+  }
+
+  .B_mjfG_root[data-inline="md"] {
+    margin-inline: calc(var(--bleed-inline-md, var(--spacing-3)) * -1);
+  }
+
+  .B_mjfG_root[data-inline="lg"] {
+    margin-inline: calc(var(--bleed-inline-lg, var(--spacing-4)) * -1);
+  }
+
+  .B_mjfG_root[data-inline="xl"] {
+    margin-inline: calc(var(--bleed-inline-xl, var(--spacing-6)) * -1);
+  }
+
+  .B_mjfG_root[data-inline="full"] {
+    inline-size: var(--bleed-inline-full-size, 100vw);
+    margin-inline: var(--bleed-inline-full, calc(50% - 50vw));
+  }
+
+  .B_mjfG_root[data-block="xs"] {
+    margin-block: calc(var(--bleed-block-xs, var(--spacing-1)) * -1);
+  }
+
+  .B_mjfG_root[data-block="sm"] {
+    margin-block: calc(var(--bleed-block-sm, var(--spacing-2)) * -1);
+  }
+
+  .B_mjfG_root[data-block="md"] {
+    margin-block: calc(var(--bleed-block-md, var(--spacing-3)) * -1);
+  }
+
+  .B_mjfG_root[data-block="lg"] {
+    margin-block: calc(var(--bleed-block-lg, var(--spacing-4)) * -1);
+  }
+
+  .B_mjfG_root[data-block="xl"] {
+    margin-block: calc(var(--bleed-block-xl, var(--spacing-6)) * -1);
+  }
+}

package/dist/components/Bleed/Bleed.d.ts

@@ -1,7 +1,16 @@
-import { ComponentPropsWithoutRef, ElementType } from 'react';
-declare function Bleed({ as: Root, inline, block, className, ...props }: ComponentPropsWithoutRef<'div'> & {
-    as?: ElementType;
-    inline?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-    block?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-}): import("react/jsx-runtime").JSX.Element;
-export { Bleed };
+import { ComponentPropsWithoutRef, ElementType } from "react";
+
+//#region src/components/Bleed/Bleed.d.ts
+declare function Bleed({
+  as: Root,
+  inline,
+  block,
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'div'> & {
+  as?: ElementType;
+  inline?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+  block?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+}): import("react").JSX.Element;
+//#endregion
+export { Bleed };

package/dist/components/Bleed/Bleed.js

@@ -0,0 +1,15 @@
+import Bleed_module_default from "./Bleed.module.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/Bleed/Bleed.tsx
+function Bleed({ as: Root = "div", inline = "full", block = "none", className, ...props }) {
+	return /* @__PURE__ */ jsx(Root, {
+		...props,
+		"data-slot": "bleed-root",
+		"data-inline": inline,
+		"data-block": block,
+		className: clsx$1(Bleed_module_default.root, className)
+	});
+}
+//#endregion
+export { Bleed };

package/dist/components/Bleed/Bleed.module.cjs

@@ -0,0 +1,5 @@
+import './Bleed.css';
+//#region src/components/Bleed/Bleed.module.css
+var Bleed_module_default = { "root": "B_mjfG_root" };
+//#endregion
+exports.default = Bleed_module_default;

package/dist/components/Bleed/Bleed.module.js

@@ -0,0 +1,5 @@
+import './Bleed.css';
+//#region src/components/Bleed/Bleed.module.css
+var Bleed_module_default = { "root": "B_mjfG_root" };
+//#endregion
+export { Bleed_module_default as default };

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

@@ -1 +1 @@
-export * from './Bleed';
+import { Bleed } from "./Bleed.js";

package/dist/components/Breadcrumbs/Breadcrumbs.cjs

@@ -0,0 +1,72 @@
+const require_Breadcrumbs_module = require("./Breadcrumbs.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let _base_ui_react_use_render = require("@base-ui/react/use-render");
+//#region src/components/Breadcrumbs/Breadcrumbs.tsx
+function Breadcrumbs({ className, "aria-label": ariaLabel = "Breadcrumb", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		"data-slot": "breadcrumbs-root",
+		"aria-label": ariaLabel,
+		className: (0, clsx.clsx)(require_Breadcrumbs_module.default.root, className),
+		...props
+	});
+}
+function BreadcrumbsList({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+		"data-slot": "breadcrumbs-list",
+		className: (0, clsx.clsx)(require_Breadcrumbs_module.default.list, className),
+		...props
+	});
+}
+function BreadcrumbsItem({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		"data-slot": "breadcrumbs-item",
+		className: (0, clsx.clsx)(require_Breadcrumbs_module.default.item, className),
+		...props
+	});
+}
+function BreadcrumbsLink({ className, render, ...props }) {
+	return (0, _base_ui_react_use_render.useRender)({
+		defaultTagName: "a",
+		render,
+		props: {
+			...props,
+			"data-slot": "breadcrumbs-link",
+			className: (0, clsx.clsx)(require_Breadcrumbs_module.default.link, className)
+		}
+	});
+}
+function BreadcrumbsPage({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "breadcrumbs-page",
+		"aria-current": "page",
+		className: (0, clsx.clsx)(require_Breadcrumbs_module.default.page, className),
+		...props
+	});
+}
+function BreadcrumbsSeparator({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		"data-slot": "breadcrumbs-separator",
+		"aria-hidden": "true",
+		className: (0, clsx.clsx)(require_Breadcrumbs_module.default.separator, className),
+		...props,
+		children: children ?? "/"
+	});
+}
+function BreadcrumbsEllipsis({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "breadcrumbs-ellipsis",
+		"aria-hidden": "true",
+		className: (0, clsx.clsx)(require_Breadcrumbs_module.default.ellipsis, className),
+		...props,
+		children: children ?? "..."
+	});
+}
+//#endregion
+exports.Breadcrumbs = Breadcrumbs;
+exports.BreadcrumbsEllipsis = BreadcrumbsEllipsis;
+exports.BreadcrumbsItem = BreadcrumbsItem;
+exports.BreadcrumbsLink = BreadcrumbsLink;
+exports.BreadcrumbsList = BreadcrumbsList;
+exports.BreadcrumbsPage = BreadcrumbsPage;
+exports.BreadcrumbsSeparator = BreadcrumbsSeparator;

package/dist/components/Breadcrumbs/Breadcrumbs.css

@@ -0,0 +1,88 @@
+@layer ui.components {
+  .twF6Fa_root {
+    max-width: var(--breadcrumbs-max-width, 100%);
+    color: var(--breadcrumbs-color, var(--color-muted-foreground));
+    font-size: var(--breadcrumbs-font-size, var(--text-sm));
+    line-height: var(--breadcrumbs-line-height, var(--line-height-text-sm));
+  }
+
+  .twF6Fa_list {
+    align-items: center;
+    gap: var(--breadcrumbs-gap, var(--spacing-1));
+    white-space: nowrap;
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
+  }
+
+  .twF6Fa_item {
+    flex: none;
+    align-items: center;
+    min-width: 0;
+    display: inline-flex;
+  }
+
+  .twF6Fa_list > .twF6Fa_item:last-child {
+    max-width: var(--breadcrumbs-item-max-width, 16rem);
+    flex: auto;
+  }
+
+  .twF6Fa_link, .twF6Fa_page {
+    white-space: nowrap;
+    min-width: 0;
+    max-width: 100%;
+    display: block;
+  }
+
+  .twF6Fa_link, .twF6Fa_page, .twF6Fa_ellipsis {
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  .twF6Fa_link {
+    color: var(--breadcrumbs-link-color, var(--color-muted-foreground));
+    text-decoration: var(--breadcrumbs-link-text-decoration, none);
+    text-underline-offset: var(--breadcrumbs-link-underline-offset, .2em);
+    border-radius: var(--breadcrumbs-link-radius, var(--radius-sm));
+    transition: var(--breadcrumbs-link-transition, var(--transition-default));
+    outline: none;
+
+    @media (hover: hover) {
+      &:hover {
+        color: var(--breadcrumbs-link-color-hover, var(--color-foreground));
+        text-decoration: var(--breadcrumbs-link-text-decoration-hover, none);
+      }
+    }
+
+    &:focus-visible {
+      box-shadow: 0 0 0 var(--breadcrumbs-focus-ring-width, var(--border-width-sm))
+        var(--breadcrumbs-focus-ring-color, var(--color-ring));
+    }
+  }
+
+  .twF6Fa_page {
+    color: var(--breadcrumbs-page-color, var(--color-foreground));
+    font-weight: var(--breadcrumbs-page-font-weight, var(--weight-medium));
+  }
+
+  .twF6Fa_separator {
+    color: var(--breadcrumbs-separator-color, var(--color-muted-foreground));
+    font-size: var(--breadcrumbs-separator-font-size, .875em);
+    user-select: none;
+    align-items: center;
+    line-height: 1;
+    display: inline-flex;
+  }
+
+  .twF6Fa_ellipsis {
+    min-width: var(--breadcrumbs-ellipsis-size, 1rem);
+    min-height: var(--breadcrumbs-ellipsis-size, 1rem);
+    color: var(--breadcrumbs-ellipsis-color, var(--color-muted-foreground));
+    border-radius: var(--breadcrumbs-ellipsis-radius, var(--radius-sm));
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+}

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

@@ -1,10 +1,38 @@
-import { ComponentProps } from 'react';
-import { useRender } from '@base-ui/react/use-render';
-declare function Breadcrumbs({ className, 'aria-label': ariaLabel, ...props }: ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbsList({ className, ...props }: ComponentProps<'ol'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbsItem({ className, ...props }: ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbsLink({ className, render, ...props }: useRender.ComponentProps<'a'>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-declare function BreadcrumbsPage({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbsSeparator({ className, children, ...props }: ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbsEllipsis({ className, children, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-export { Breadcrumbs, BreadcrumbsList, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsPage, BreadcrumbsSeparator, BreadcrumbsEllipsis, };
+import { ComponentProps } from "react";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/Breadcrumbs/Breadcrumbs.d.ts
+declare function Breadcrumbs({
+  className,
+  'aria-label': ariaLabel,
+  ...props
+}: ComponentProps<'nav'>): import("react").JSX.Element;
+declare function BreadcrumbsList({
+  className,
+  ...props
+}: ComponentProps<'ol'>): import("react").JSX.Element;
+declare function BreadcrumbsItem({
+  className,
+  ...props
+}: ComponentProps<'li'>): import("react").JSX.Element;
+declare function BreadcrumbsLink({
+  className,
+  render,
+  ...props
+}: useRender.ComponentProps<'a'>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function BreadcrumbsPage({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+declare function BreadcrumbsSeparator({
+  className,
+  children,
+  ...props
+}: ComponentProps<'li'>): import("react").JSX.Element;
+declare function BreadcrumbsEllipsis({
+  className,
+  children,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+//#endregion
+export { Breadcrumbs, BreadcrumbsEllipsis, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsList, BreadcrumbsPage, BreadcrumbsSeparator };

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,66 @@
+import Breadcrumbs_module_default from "./Breadcrumbs.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/Breadcrumbs/Breadcrumbs.tsx
+function Breadcrumbs({ className, "aria-label": ariaLabel = "Breadcrumb", ...props }) {
+	return /* @__PURE__ */ jsx("nav", {
+		"data-slot": "breadcrumbs-root",
+		"aria-label": ariaLabel,
+		className: clsx(Breadcrumbs_module_default.root, className),
+		...props
+	});
+}
+function BreadcrumbsList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "breadcrumbs-list",
+		className: clsx(Breadcrumbs_module_default.list, className),
+		...props
+	});
+}
+function BreadcrumbsItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumbs-item",
+		className: clsx(Breadcrumbs_module_default.item, className),
+		...props
+	});
+}
+function BreadcrumbsLink({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "a",
+		render,
+		props: {
+			...props,
+			"data-slot": "breadcrumbs-link",
+			className: clsx(Breadcrumbs_module_default.link, className)
+		}
+	});
+}
+function BreadcrumbsPage({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "breadcrumbs-page",
+		"aria-current": "page",
+		className: clsx(Breadcrumbs_module_default.page, className),
+		...props
+	});
+}
+function BreadcrumbsSeparator({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumbs-separator",
+		"aria-hidden": "true",
+		className: clsx(Breadcrumbs_module_default.separator, className),
+		...props,
+		children: children ?? "/"
+	});
+}
+function BreadcrumbsEllipsis({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "breadcrumbs-ellipsis",
+		"aria-hidden": "true",
+		className: clsx(Breadcrumbs_module_default.ellipsis, className),
+		...props,
+		children: children ?? "..."
+	});
+}
+//#endregion
+export { Breadcrumbs, BreadcrumbsEllipsis, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsList, BreadcrumbsPage, BreadcrumbsSeparator };

package/dist/components/Breadcrumbs/Breadcrumbs.module.cjs

@@ -0,0 +1,13 @@
+import './Breadcrumbs.css';
+//#region src/components/Breadcrumbs/Breadcrumbs.module.css
+var Breadcrumbs_module_default = {
+	"ellipsis": "twF6Fa_ellipsis",
+	"item": "twF6Fa_item",
+	"link": "twF6Fa_link",
+	"list": "twF6Fa_list",
+	"page": "twF6Fa_page",
+	"root": "twF6Fa_root",
+	"separator": "twF6Fa_separator"
+};
+//#endregion
+exports.default = Breadcrumbs_module_default;

package/dist/components/Breadcrumbs/Breadcrumbs.module.js

@@ -0,0 +1,13 @@
+import './Breadcrumbs.css';
+//#region src/components/Breadcrumbs/Breadcrumbs.module.css
+var Breadcrumbs_module_default = {
+	"ellipsis": "twF6Fa_ellipsis",
+	"item": "twF6Fa_item",
+	"link": "twF6Fa_link",
+	"list": "twF6Fa_list",
+	"page": "twF6Fa_page",
+	"root": "twF6Fa_root",
+	"separator": "twF6Fa_separator"
+};
+//#endregion
+export { Breadcrumbs_module_default as default };

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

@@ -1 +1 @@
-export { Breadcrumbs, BreadcrumbsList, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsPage, BreadcrumbsSeparator, BreadcrumbsEllipsis, } from './Breadcrumbs';
+import { Breadcrumbs, BreadcrumbsEllipsis, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsList, BreadcrumbsPage, BreadcrumbsSeparator } from "./Breadcrumbs.js";

package/dist/components/Button/Button.cjs

@@ -0,0 +1,18 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Button_module = require("./Button.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let _base_ui_react_button = require("@base-ui/react/button");
+//#region src/components/Button/Button.tsx
+const Button = (0, react.forwardRef)(function Button({ className, size = "md", variant = "default", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_button.Button, {
+		ref,
+		"data-slot": "button-root",
+		"data-variant": variant,
+		"data-size": size,
+		className: require_mergeClassName.mergeClassName(className, require_Button_module.default.root),
+		...props
+	});
+});
+//#endregion
+exports.Button = Button;