moduix 0.11.0 → 0.11.2

package/dist/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,271 @@
+import { ChevronDownIcon, ChevronUpDownIcon, CloseIcon, PopupArrowIcon } from "../../icons/ui/Icons.js";
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Autocomplete_module_default from "./Autocomplete.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+import { Combobox } from "@base-ui/react/combobox";
+//#region src/components/Autocomplete/Autocomplete.tsx
+const Autocomplete$1 = Autocomplete.Root;
+const AutocompleteField = forwardRef(function AutocompleteField({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "autocomplete-field",
+		className: clsx(Autocomplete_module_default.field, className),
+		...props
+	});
+});
+const AutocompleteInlineInputContainer = forwardRef(function AutocompleteInlineInputContainer({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "autocomplete-inline-input-container",
+		className: clsx(Autocomplete_module_default.inlineInputContainer, className),
+		...props
+	});
+});
+const AutocompleteFieldLabel = forwardRef(function AutocompleteFieldLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Combobox.Label, {
+		ref,
+		"data-slot": "autocomplete-field-label",
+		className: mergeClassName(className, Autocomplete_module_default.fieldLabel),
+		...props
+	});
+});
+function AutocompleteValue(props) {
+	return /* @__PURE__ */ jsx(Autocomplete.Value, {
+		"data-slot": "autocomplete-value",
+		...props
+	});
+}
+const AutocompleteInputGroup = forwardRef(function AutocompleteInputGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.InputGroup, {
+		ref,
+		"data-slot": "autocomplete-input-group",
+		className: mergeClassName(className, Autocomplete_module_default.inputGroup),
+		...props
+	});
+});
+const AutocompleteInput = forwardRef(function AutocompleteInput({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Input, {
+		ref,
+		"data-slot": "autocomplete-input",
+		className: mergeClassName(className, Autocomplete_module_default.input),
+		...props
+	});
+});
+const AutocompleteControlActions = forwardRef(function AutocompleteControlActions({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "autocomplete-control-actions",
+		className: clsx(Autocomplete_module_default.controlActions, className),
+		...props
+	});
+});
+const AutocompleteTrigger = forwardRef(function AutocompleteTrigger({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Trigger, {
+		ref,
+		"data-slot": "autocomplete-trigger",
+		className: mergeClassName(className, Autocomplete_module_default.trigger),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronDownIcon, { className: Autocomplete_module_default.iconSvg })
+	});
+});
+const AutocompleteFieldTrigger = forwardRef(function AutocompleteFieldTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Trigger, {
+		ref,
+		"data-slot": "autocomplete-field-trigger",
+		className: mergeClassName(className, Autocomplete_module_default.fieldTrigger),
+		...props
+	});
+});
+const AutocompleteIcon = forwardRef(function AutocompleteIcon({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Icon, {
+		ref,
+		"data-slot": "autocomplete-icon",
+		className: mergeClassName(className, Autocomplete_module_default.icon),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronUpDownIcon, { className: Autocomplete_module_default.iconSvg })
+	});
+});
+const AutocompleteClear = forwardRef(function AutocompleteClear({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Clear, {
+		ref,
+		"data-slot": "autocomplete-clear",
+		className: mergeClassName(className, Autocomplete_module_default.clear),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CloseIcon, { className: Autocomplete_module_default.iconSvg })
+	});
+});
+const AutocompletePortal = forwardRef(function AutocompletePortal(props, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Portal, {
+		ref,
+		"data-slot": "autocomplete-portal",
+		...props
+	});
+});
+const AutocompleteBackdrop = forwardRef(function AutocompleteBackdrop({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Backdrop, {
+		ref,
+		"data-slot": "autocomplete-backdrop",
+		className: mergeClassName(className, Autocomplete_module_default.backdrop),
+		...props
+	});
+});
+const AutocompletePositioner = forwardRef(function AutocompletePositioner({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Positioner, {
+		ref,
+		"data-slot": "autocomplete-positioner",
+		className: mergeClassName(className, Autocomplete_module_default.positioner),
+		...props
+	});
+});
+const AutocompletePopup = forwardRef(function AutocompletePopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Popup, {
+		ref,
+		"data-slot": "autocomplete-popup",
+		className: mergeClassName(className, Autocomplete_module_default.popup),
+		...props
+	});
+});
+const AutocompleteArrow = forwardRef(function AutocompleteArrow({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Arrow, {
+		ref,
+		"data-slot": "autocomplete-arrow",
+		className: mergeClassName(className, Autocomplete_module_default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ArrowSvg, { className: Autocomplete_module_default.arrowSvg })
+	});
+});
+const AutocompleteContent = forwardRef(function AutocompleteContent({ className, showArrow = false, children, side, sideOffset = 5, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, ...props }, ref) {
+	return /* @__PURE__ */ jsx(AutocompletePortal, { children: /* @__PURE__ */ jsx(AutocompletePositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		arrowPadding,
+		collisionAvoidance,
+		collisionBoundary,
+		collisionPadding,
+		children: /* @__PURE__ */ jsxs(AutocompletePopup, {
+			ref,
+			className,
+			...props,
+			children: [showArrow ? /* @__PURE__ */ jsx(AutocompleteArrow, {}) : null, children]
+		})
+	}) });
+});
+const AutocompleteStatus = forwardRef(function AutocompleteStatus({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Status, {
+		ref,
+		"data-slot": "autocomplete-status",
+		className: mergeClassName(className, Autocomplete_module_default.status),
+		...props
+	});
+});
+const AutocompleteEmpty = forwardRef(function AutocompleteEmpty({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Empty, {
+		ref,
+		"data-slot": "autocomplete-empty",
+		className: mergeClassName(className, Autocomplete_module_default.empty),
+		...props
+	});
+});
+const AutocompleteList = forwardRef(function AutocompleteList({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.List, {
+		ref,
+		"data-slot": "autocomplete-list",
+		className: mergeClassName(className, Autocomplete_module_default.list),
+		...props
+	});
+});
+const AutocompleteRow = forwardRef(function AutocompleteRow({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Row, {
+		ref,
+		"data-slot": "autocomplete-row",
+		className: mergeClassName(className, Autocomplete_module_default.row),
+		...props
+	});
+});
+const AutocompleteItem = forwardRef(function AutocompleteItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Item, {
+		ref,
+		"data-slot": "autocomplete-item",
+		className: mergeClassName(className, Autocomplete_module_default.item),
+		...props
+	});
+});
+const AutocompleteItemText = forwardRef(function AutocompleteItemText({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "autocomplete-item-text",
+		className: clsx(Autocomplete_module_default.itemText, className),
+		...props
+	});
+});
+const AutocompleteItemTextContent = forwardRef(function AutocompleteItemTextContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "autocomplete-item-text-content",
+		className: clsx(Autocomplete_module_default.itemTextContent, className),
+		...props
+	});
+});
+const AutocompleteItemTextIcon = forwardRef(function AutocompleteItemTextIcon({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "autocomplete-item-text-icon",
+		className: clsx(Autocomplete_module_default.itemTextIcon, className),
+		...props
+	});
+});
+const AutocompleteItemTextLabel = forwardRef(function AutocompleteItemTextLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "autocomplete-item-text-label",
+		className: clsx(Autocomplete_module_default.itemTextLabel, className),
+		...props
+	});
+});
+const AutocompleteSeparator = forwardRef(function AutocompleteSeparator({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Separator, {
+		ref,
+		"data-slot": "autocomplete-separator",
+		className: mergeClassName(className, Autocomplete_module_default.separator),
+		...props
+	});
+});
+const AutocompleteGroup = forwardRef(function AutocompleteGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.Group, {
+		ref,
+		"data-slot": "autocomplete-group",
+		className: mergeClassName(className, Autocomplete_module_default.group),
+		...props
+	});
+});
+const AutocompleteGroupLabel = forwardRef(function AutocompleteGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
+		ref,
+		"data-slot": "autocomplete-group-label",
+		className: mergeClassName(className, Autocomplete_module_default.groupLabel),
+		...props
+	});
+});
+function AutocompleteCollection(props) {
+	return /* @__PURE__ */ jsx(Autocomplete.Collection, {
+		"data-slot": "autocomplete-collection",
+		...props
+	});
+}
+function ArrowSvg(props) {
+	return /* @__PURE__ */ jsx(PopupArrowIcon, {
+		fillClassName: Autocomplete_module_default.arrowFill,
+		outerStrokeClassName: Autocomplete_module_default.arrowOuterStroke,
+		innerStrokeClassName: Autocomplete_module_default.arrowInnerStroke,
+		...props
+	});
+}
+const useAutocompleteFilter = Autocomplete.useFilter;
+const useAutocompleteFilteredItems = Autocomplete.useFilteredItems;
+//#endregion
+export { Autocomplete$1 as Autocomplete, AutocompleteArrow, AutocompleteBackdrop, AutocompleteClear, AutocompleteCollection, AutocompleteContent, AutocompleteControlActions, AutocompleteEmpty, AutocompleteField, AutocompleteFieldLabel, AutocompleteFieldTrigger, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteIcon, AutocompleteInlineInputContainer, AutocompleteInput, AutocompleteInputGroup, AutocompleteItem, AutocompleteItemText, AutocompleteItemTextContent, AutocompleteItemTextIcon, AutocompleteItemTextLabel, AutocompleteList, AutocompletePopup, AutocompletePortal, AutocompletePositioner, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, useAutocompleteFilter, useAutocompleteFilteredItems };

package/dist/components/Autocomplete/Autocomplete.module.js

@@ -0,0 +1,37 @@
+import './Autocomplete.css';
+//#region src/components/Autocomplete/Autocomplete.module.css
+var Autocomplete_module_default = {
+	"arrow": "TIf05q_arrow",
+	"arrowFill": "TIf05q_arrowFill",
+	"arrowInnerStroke": "TIf05q_arrowInnerStroke",
+	"arrowOuterStroke": "TIf05q_arrowOuterStroke",
+	"arrowSvg": "TIf05q_arrowSvg",
+	"backdrop": "TIf05q_backdrop",
+	"clear": "TIf05q_clear",
+	"controlActions": "TIf05q_controlActions",
+	"empty": "TIf05q_empty",
+	"field": "TIf05q_field",
+	"fieldLabel": "TIf05q_fieldLabel",
+	"fieldTrigger": "TIf05q_fieldTrigger",
+	"group": "TIf05q_group",
+	"groupLabel": "TIf05q_groupLabel",
+	"icon": "TIf05q_icon",
+	"iconSvg": "TIf05q_iconSvg",
+	"inlineInputContainer": "TIf05q_inlineInputContainer",
+	"input": "TIf05q_input",
+	"inputGroup": "TIf05q_inputGroup",
+	"item": "TIf05q_item",
+	"itemText": "TIf05q_itemText",
+	"itemTextContent": "TIf05q_itemTextContent",
+	"itemTextIcon": "TIf05q_itemTextIcon",
+	"itemTextLabel": "TIf05q_itemTextLabel",
+	"list": "TIf05q_list",
+	"popup": "TIf05q_popup",
+	"positioner": "TIf05q_positioner",
+	"row": "TIf05q_row",
+	"separator": "TIf05q_separator",
+	"status": "TIf05q_status",
+	"trigger": "TIf05q_trigger"
+};
+//#endregion
+export { Autocomplete_module_default as default };

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

@@ -1 +1 @@
-export { Autocomplete, AutocompleteField, AutocompleteInlineInputContainer, AutocompleteFieldLabel, AutocompleteValue, AutocompleteInputGroup, AutocompleteInput, AutocompleteControlActions, AutocompleteTrigger, AutocompleteFieldTrigger, AutocompleteIcon, AutocompleteClear, AutocompletePortal, AutocompleteBackdrop, AutocompletePositioner, AutocompletePopup, AutocompleteArrow, AutocompleteContent, AutocompleteStatus, AutocompleteEmpty, AutocompleteList, AutocompleteRow, AutocompleteItem, AutocompleteItemText, AutocompleteItemTextContent, AutocompleteItemTextIcon, AutocompleteItemTextLabel, AutocompleteSeparator, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteCollection, useAutocompleteFilter, useAutocompleteFilteredItems, } from './Autocomplete';
+import { Autocomplete, AutocompleteArrow, AutocompleteBackdrop, AutocompleteClear, AutocompleteCollection, AutocompleteContent, AutocompleteControlActions, AutocompleteEmpty, AutocompleteField, AutocompleteFieldLabel, AutocompleteFieldTrigger, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteIcon, AutocompleteInlineInputContainer, AutocompleteInput, AutocompleteInputGroup, AutocompleteItem, AutocompleteItemText, AutocompleteItemTextContent, AutocompleteItemTextIcon, AutocompleteItemTextLabel, AutocompleteList, AutocompletePopup, AutocompletePortal, AutocompletePositioner, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, useAutocompleteFilter, useAutocompleteFilteredItems } from "./Autocomplete.js";

package/dist/components/Avatar/Avatar.css

@@ -0,0 +1,74 @@
+@layer ui.components {
+  .Sasgra_root {
+    box-sizing: border-box;
+    width: var(--avatar-size, var(--size-md));
+    height: var(--avatar-size, var(--size-md));
+    border-radius: var(--avatar-radius, var(--radius-full));
+    background-color: var(--avatar-bg, var(--color-muted));
+    color: var(--avatar-color, var(--color-foreground));
+    font-size: var(--avatar-font-size, var(--text-md));
+    font-weight: var(--avatar-font-weight, var(--weight-medium));
+    line-height: var(--avatar-line-height, var(--line-height-text-md));
+    user-select: none;
+    vertical-align: middle;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+    overflow: hidden;
+
+    &:where([data-size="xs"]) {
+      --avatar-size: var(--size-xs);
+      --avatar-font-size: var(--text-xs);
+      --avatar-line-height: var(--line-height-text-xs);
+    }
+
+    &:where([data-size="sm"]) {
+      --avatar-size: var(--size-sm);
+      --avatar-font-size: var(--text-sm);
+      --avatar-line-height: var(--line-height-text-sm);
+    }
+
+    &:where([data-size="md"]) {
+      --avatar-size: var(--size-md);
+      --avatar-font-size: var(--text-md);
+      --avatar-line-height: var(--line-height-text-md);
+    }
+
+    &:where([data-size="lg"]) {
+      --avatar-size: var(--size-lg);
+      --avatar-font-size: var(--text-lg);
+      --avatar-line-height: var(--line-height-text-lg);
+    }
+
+    &:where([data-size="xl"]) {
+      --avatar-size: var(--size-xl);
+      --avatar-font-size: var(--text-lg);
+      --avatar-line-height: var(--line-height-text-lg);
+    }
+  }
+
+  .Sasgra_image {
+    object-fit: var(--avatar-image-object-fit, cover);
+    object-position: var(--avatar-image-object-position, center);
+    width: 100%;
+    height: 100%;
+    transition: opacity var(--avatar-transition, var(--transition-default));
+    display: block;
+
+    &[data-starting-style], &[data-ending-style] {
+      opacity: 0;
+    }
+  }
+
+  .Sasgra_fallback {
+    width: 100%;
+    height: 100%;
+    padding: var(--avatar-fallback-padding, 0);
+    background-color: var(--avatar-fallback-bg, var(--avatar-bg, var(--color-muted)));
+    color: var(--avatar-fallback-color, inherit);
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+}

package/dist/components/Avatar/Avatar.d.ts

@@ -1,8 +1,21 @@
-import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+import { Avatar } from "@base-ui/react/avatar";
+
+//#region src/components/Avatar/Avatar.d.ts
 type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare function Avatar({ className, size, ...props }: AvatarPrimitive.Root.Props & {
-    size?: AvatarSize;
+declare function Avatar$1({
+  className,
+  size,
+  ...props
+}: Avatar.Root.Props & {
+  size?: AvatarSize;
 }): import("react").JSX.Element;
-declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): import("react").JSX.Element;
-declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): import("react").JSX.Element;
-export { Avatar, AvatarImage, AvatarFallback };
+declare function AvatarImage({
+  className,
+  ...props
+}: Avatar.Image.Props): import("react").JSX.Element;
+declare function AvatarFallback({
+  className,
+  ...props
+}: Avatar.Fallback.Props): import("react").JSX.Element;
+//#endregion
+export { Avatar$1 as Avatar, AvatarFallback, AvatarImage };

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,29 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Avatar_module_default from "./Avatar.module.js";
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+//#region src/components/Avatar/Avatar.tsx
+function Avatar$1({ className, size, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Root, {
+		"data-slot": "avatar-root",
+		"data-size": size,
+		className: mergeClassName(className, Avatar_module_default.root),
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Image, {
+		"data-slot": "avatar-image",
+		className: mergeClassName(className, Avatar_module_default.image),
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: mergeClassName(className, Avatar_module_default.fallback),
+		...props
+	});
+}
+//#endregion
+export { Avatar$1 as Avatar, AvatarFallback, AvatarImage };

package/dist/components/Avatar/Avatar.module.js

@@ -0,0 +1,9 @@
+import './Avatar.css';
+//#region src/components/Avatar/Avatar.module.css
+var Avatar_module_default = {
+	"fallback": "Sasgra_fallback",
+	"image": "Sasgra_image",
+	"root": "Sasgra_root"
+};
+//#endregion
+export { Avatar_module_default as default };

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

@@ -1 +1 @@
-export { Avatar, AvatarImage, AvatarFallback } from './Avatar';
+import { Avatar, AvatarFallback, AvatarImage } from "./Avatar.js";

package/dist/components/Badge/Badge.css

@@ -0,0 +1,66 @@
+@layer ui.components {
+  .PcM4LW_root {
+    justify-content: center;
+    align-items: center;
+    gap: var(--badge-gap, .375rem);
+    border: var(--badge-border-width, var(--border-width-sm)) solid
+      var(--badge-border-color, transparent);
+    border-radius: var(--badge-radius, var(--radius-full));
+    width: fit-content;
+    min-width: 0;
+    max-width: 100%;
+    padding-block: var(--badge-padding-y, 0);
+    padding-inline: var(--badge-padding-x, .625rem);
+    background-color: var(--badge-bg, var(--color-primary));
+    color: var(--badge-color, var(--color-primary-foreground));
+    font-size: var(--badge-font-size, var(--text-xs));
+    font-weight: var(--badge-font-weight, var(--weight-medium));
+    line-height: var(--badge-line-height, var(--line-height-text-xs));
+    min-height: var(--badge-height, 1.25rem);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+    transition: color var(--transition-default),
+      background-color var(--transition-default),
+      border-color var(--transition-default);
+    text-decoration: none;
+    display: inline-flex;
+    overflow: hidden;
+
+    & > svg {
+      width: var(--badge-icon-size, .75rem);
+      height: var(--badge-icon-size, .75rem);
+      pointer-events: none;
+      flex-shrink: 0;
+    }
+
+    &[data-variant="secondary"] {
+      background-color: var(--badge-bg, var(--color-secondary));
+      color: var(--badge-color, var(--color-secondary-foreground));
+    }
+
+    &[data-variant="destructive"] {
+      background-color: var(--badge-bg, var(--color-destructive));
+      color: var(--badge-color, var(--color-primary-foreground));
+    }
+
+    &[data-variant="outline"] {
+      border-color: var(--badge-border-color, var(--color-border));
+      background-color: var(--badge-bg, transparent);
+      color: var(--badge-color, var(--color-foreground));
+    }
+
+    &[data-variant="ghost"] {
+      background-color: var(--badge-bg, transparent);
+      color: var(--badge-color, var(--color-foreground));
+    }
+  }
+
+  .PcM4LW_dot {
+    width: var(--badge-dot-size, .375rem);
+    height: var(--badge-dot-size, .375rem);
+    background-color: currentColor;
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
+}

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

@@ -1,10 +1,19 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from "react";
+
+//#region src/components/Badge/Badge.d.ts
 type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost';
 type BadgeProps = ComponentPropsWithoutRef<'span'> & {
-    variant?: BadgeVariant;
+  variant?: BadgeVariant;
 };
 type BadgeDotProps = ComponentPropsWithoutRef<'span'>;
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react").JSX.Element;
-declare function BadgeDot({ className, ...props }: BadgeDotProps): import("react").JSX.Element;
-export { Badge, BadgeDot };
-export type { BadgeVariant, BadgeProps, BadgeDotProps };
+declare function Badge({
+  className,
+  variant,
+  ...props
+}: BadgeProps): import("react").JSX.Element;
+declare function BadgeDot({
+  className,
+  ...props
+}: BadgeDotProps): import("react").JSX.Element;
+//#endregion
+export { Badge, BadgeDot, type BadgeDotProps, type BadgeProps, type BadgeVariant };

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.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.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 { 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;
-export { Bleed };
+//#endregion
+export { Bleed };