jaci-ui 0.1.0

package/dist/components/sidebar/sidebar.js

@@ -0,0 +1,154 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { sidebar } from "../../styled-system/recipes/sidebar.js";
+import { createContext, forwardRef, useCallback, useContext, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/sidebar/sidebar.tsx
+const SidebarContext = createContext(null);
+/**
+* Reads the state exposed by `Sidebar.Root`.
+*
+* Use it in custom sidebar parts when the built-in composition is not enough.
+*/
+function useSidebar() {
+	const context = useContext(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a Sidebar.Root component.");
+	return context;
+}
+function useSidebarStyles() {
+	const { open } = useSidebar();
+	return sidebar({ open });
+}
+/**
+* The sidebar container. It supports both controlled and uncontrolled state.
+*/
+const SidebarRoot = forwardRef(function SidebarRoot({ children, className, defaultOpen = true, onOpenChange, open: controlledOpen, ...props }, ref) {
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+	const isControlled = controlledOpen !== void 0;
+	const open = controlledOpen ?? uncontrolledOpen;
+	const setOpen = useCallback((nextOpen) => {
+		if (!isControlled) setUncontrolledOpen(nextOpen);
+		onOpenChange?.(nextOpen);
+	}, [isControlled, onOpenChange]);
+	const toggle = useCallback(() => {
+		setOpen(!open);
+	}, [open, setOpen]);
+	const context = useMemo(() => ({
+		open,
+		setOpen,
+		toggle
+	}), [
+		open,
+		setOpen,
+		toggle
+	]);
+	const styles = sidebar({ open });
+	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ jsx("aside", {
+			...props,
+			ref,
+			className: cx(styles.root, className),
+			"data-jaci-component": "sidebar",
+			"data-open": open,
+			"data-slot": "sidebar",
+			"data-state": open ? "open" : "closed",
+			children
+		})
+	});
+});
+/**
+* A floating, accessible control that expands or collapses the sidebar.
+*/
+const SidebarToggle = forwardRef(function SidebarToggle({ "aria-label": ariaLabel, children, className, onClick, type = "button", ...props }, ref) {
+	const { open, toggle } = useSidebar();
+	const styles = useSidebarStyles();
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (!event.defaultPrevented) toggle();
+	};
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		"aria-expanded": open,
+		"aria-label": ariaLabel ?? (open ? "Collapse sidebar" : "Expand sidebar"),
+		className: cx(styles.toggle, className),
+		"data-slot": "sidebar-toggle",
+		onClick: handleClick,
+		ref,
+		type,
+		children: children ?? /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			children: open ? "‹" : "›"
+		})
+	});
+});
+const SidebarHeader = forwardRef(function SidebarHeader({ className, ...props }, ref) {
+	const styles = useSidebarStyles();
+	return /* @__PURE__ */ jsx("header", {
+		...props,
+		ref,
+		className: cx(styles.header, className),
+		"data-slot": "sidebar-header"
+	});
+});
+const SidebarContent = forwardRef(function SidebarContent({ "aria-label": ariaLabel, className, ...props }, ref) {
+	const styles = useSidebarStyles();
+	return /* @__PURE__ */ jsx("nav", {
+		...props,
+		"aria-label": ariaLabel ?? "Sidebar navigation",
+		ref,
+		className: cx(styles.content, className),
+		"data-slot": "sidebar-content"
+	});
+});
+const SidebarFooter = forwardRef(function SidebarFooter({ className, ...props }, ref) {
+	const styles = useSidebarStyles();
+	return /* @__PURE__ */ jsx("footer", {
+		...props,
+		ref,
+		className: cx(styles.footer, className),
+		"data-slot": "sidebar-footer"
+	});
+});
+/**
+* A semantic navigation item. Pair its icon/content with `Sidebar.Label` so
+* the text transitions out of view while remaining available to assistive
+* technology when the sidebar is collapsed.
+*/
+const SidebarItem = forwardRef(function SidebarItem({ "aria-current": ariaCurrent, active = false, className, ...props }, ref) {
+	const { open } = useSidebar();
+	const styles = sidebar({
+		active,
+		open
+	});
+	return /* @__PURE__ */ jsx("a", {
+		...props,
+		"aria-current": ariaCurrent ?? (active ? "page" : void 0),
+		ref,
+		className: cx(styles.item, className),
+		"data-active": active || void 0,
+		"data-slot": "sidebar-item"
+	});
+});
+const SidebarLabel = forwardRef(function SidebarLabel({ className, ...props }, ref) {
+	const styles = useSidebarStyles();
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		className: cx(styles.label, className),
+		"data-slot": "sidebar-label"
+	});
+});
+const Sidebar = {
+	Root: SidebarRoot,
+	Toggle: SidebarToggle,
+	Header: SidebarHeader,
+	Content: SidebarContent,
+	Footer: SidebarFooter,
+	Item: SidebarItem,
+	Label: SidebarLabel
+};
+//#endregion
+export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarItem, SidebarLabel, SidebarRoot, SidebarToggle, useSidebar };
+
+//# sourceMappingURL=sidebar.js.map

package/dist/components/sidebar/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, forwardRef, useCallback, useContext, useMemo, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, MouseEvent, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { sidebar } from \"../../styled-system/recipes\";\n\nexport interface SidebarContextValue {\n  /** Whether the sidebar is visually expanded. */\n  open: boolean;\n  /** Updates the expanded state, respecting controlled usage. */\n  setOpen: (open: boolean) => void;\n  /** Convenience callback for toggles placed anywhere in the sidebar. */\n  toggle: () => void;\n}\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\n/**\n * Reads the state exposed by `Sidebar.Root`.\n *\n * Use it in custom sidebar parts when the built-in composition is not enough.\n */\nexport function useSidebar() {\n  const context = useContext(SidebarContext);\n\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a Sidebar.Root component.\");\n  }\n\n  return context;\n}\n\nfunction useSidebarStyles() {\n  const { open } = useSidebar();\n  return sidebar({ open });\n}\n\nexport interface SidebarRootProps extends ComponentPropsWithoutRef<\"aside\"> {\n  /** Controlled expanded state. */\n  open?: boolean;\n  /** Initial expanded state for uncontrolled use. */\n  defaultOpen?: boolean;\n  /** Called after the requested expanded state changes. */\n  onOpenChange?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\n/**\n * The sidebar container. It supports both controlled and uncontrolled state.\n */\nexport const SidebarRoot = forwardRef<HTMLElement, SidebarRootProps>(function SidebarRoot(\n  { children, className, defaultOpen = true, onOpenChange, open: controlledOpen, ...props },\n  ref,\n) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = controlledOpen ?? uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(nextOpen);\n      }\n\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggle = useCallback(() => {\n    setOpen(!open);\n  }, [open, setOpen]);\n\n  const context = useMemo<SidebarContextValue>(\n    () => ({ open, setOpen, toggle }),\n    [open, setOpen, toggle],\n  );\n  const styles = sidebar({ open });\n\n  return (\n    <SidebarContext.Provider value={context}>\n      <aside\n        {...props}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"sidebar\"\n        data-open={open}\n        data-slot=\"sidebar\"\n        data-state={open ? \"open\" : \"closed\"}\n      >\n        {children}\n      </aside>\n    </SidebarContext.Provider>\n  );\n});\n\nexport type SidebarToggleProps = ComponentPropsWithoutRef<\"button\">;\n\n/**\n * A floating, accessible control that expands or collapses the sidebar.\n */\nexport const SidebarToggle = forwardRef<HTMLButtonElement, SidebarToggleProps>(\n  function SidebarToggle(\n    { \"aria-label\": ariaLabel, children, className, onClick, type = \"button\", ...props },\n    ref,\n  ) {\n    const { open, toggle } = useSidebar();\n    const styles = useSidebarStyles();\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n\n      if (!event.defaultPrevented) {\n        toggle();\n      }\n    };\n\n    return (\n      <button\n        {...props}\n        aria-expanded={open}\n        aria-label={ariaLabel ?? (open ? \"Collapse sidebar\" : \"Expand sidebar\")}\n        className={cx(styles.toggle, className)}\n        data-slot=\"sidebar-toggle\"\n        onClick={handleClick}\n        ref={ref}\n        type={type}\n      >\n        {children ?? <span aria-hidden=\"true\">{open ? \"‹\" : \"›\"}</span>}\n      </button>\n    );\n  },\n);\n\nexport type SidebarHeaderProps = ComponentPropsWithoutRef<\"header\">;\n\nexport const SidebarHeader = forwardRef<HTMLElement, SidebarHeaderProps>(function SidebarHeader(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <header\n      {...props}\n      ref={ref}\n      className={cx(styles.header, className)}\n      data-slot=\"sidebar-header\"\n    />\n  );\n});\n\nexport type SidebarContentProps = ComponentPropsWithoutRef<\"nav\">;\n\nexport const SidebarContent = forwardRef<HTMLElement, SidebarContentProps>(function SidebarContent(\n  { \"aria-label\": ariaLabel, className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <nav\n      {...props}\n      aria-label={ariaLabel ?? \"Sidebar navigation\"}\n      ref={ref}\n      className={cx(styles.content, className)}\n      data-slot=\"sidebar-content\"\n    />\n  );\n});\n\nexport type SidebarFooterProps = ComponentPropsWithoutRef<\"footer\">;\n\nexport const SidebarFooter = forwardRef<HTMLElement, SidebarFooterProps>(function SidebarFooter(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <footer\n      {...props}\n      ref={ref}\n      className={cx(styles.footer, className)}\n      data-slot=\"sidebar-footer\"\n    />\n  );\n});\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<\"a\"> {\n  /** Marks the current navigation destination. */\n  active?: boolean;\n}\n\n/**\n * A semantic navigation item. Pair its icon/content with `Sidebar.Label` so\n * the text transitions out of view while remaining available to assistive\n * technology when the sidebar is collapsed.\n */\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(function SidebarItem(\n  { \"aria-current\": ariaCurrent, active = false, className, ...props },\n  ref,\n) {\n  const { open } = useSidebar();\n  const styles = sidebar({ active, open });\n\n  return (\n    <a\n      {...props}\n      aria-current={ariaCurrent ?? (active ? \"page\" : undefined)}\n      ref={ref}\n      className={cx(styles.item, className)}\n      data-active={active || undefined}\n      data-slot=\"sidebar-item\"\n    />\n  );\n});\n\nexport type SidebarLabelProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const SidebarLabel = forwardRef<HTMLSpanElement, SidebarLabelProps>(function SidebarLabel(\n  { className, ...props },\n  ref,\n) {\n  const styles = useSidebarStyles();\n\n  return (\n    <span {...props} ref={ref} className={cx(styles.label, className)} data-slot=\"sidebar-label\" />\n  );\n});\n\nexport const Sidebar = {\n  Root: SidebarRoot,\n  Toggle: SidebarToggle,\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Item: SidebarItem,\n  Label: SidebarLabel,\n};\n"],"mappings":";;;;;;AAiBA,MAAM,iBAAiB,cAA0C,IAAI;;;;;;AAOrE,SAAgB,aAAa;CAC3B,MAAM,UAAU,WAAW,cAAc;CAEzC,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,0DAA0D;CAG5E,OAAO;AACT;AAEA,SAAS,mBAAmB;CAC1B,MAAM,EAAE,SAAS,WAAW;CAC5B,OAAO,QAAQ,EAAE,KAAK,CAAC;AACzB;;;;AAeA,MAAa,cAAc,WAA0C,SAAS,YAC5E,EAAE,UAAU,WAAW,cAAc,MAAM,cAAc,MAAM,gBAAgB,GAAG,SAClF,KACA;CACA,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,WAAW;CACpE,MAAM,eAAe,mBAAmB,KAAA;CACxC,MAAM,OAAO,kBAAkB;CAE/B,MAAM,UAAU,aACb,aAAsB;EACrB,IAAI,CAAC,cACH,oBAAoB,QAAQ;EAG9B,eAAe,QAAQ;CACzB,GACA,CAAC,cAAc,YAAY,CAC7B;CAEA,MAAM,SAAS,kBAAkB;EAC/B,QAAQ,CAAC,IAAI;CACf,GAAG,CAAC,MAAM,OAAO,CAAC;CAElB,MAAM,UAAU,eACP;EAAE;EAAM;EAAS;CAAO,IAC/B;EAAC;EAAM;EAAS;CAAM,CACxB;CACA,MAAM,SAAS,QAAQ,EAAE,KAAK,CAAC;CAE/B,OACE,oBAAC,eAAe,UAAhB;EAAyB,OAAO;YAC9B,oBAAC,SAAD;GACE,GAAI;GACC;GACL,WAAW,GAAG,OAAO,MAAM,SAAS;GACpC,uBAAoB;GACpB,aAAW;GACX,aAAU;GACV,cAAY,OAAO,SAAS;GAE3B;EACI,CAAA;CACgB,CAAA;AAE7B,CAAC;;;;AAOD,MAAa,gBAAgB,WAC3B,SAAS,cACP,EAAE,cAAc,WAAW,UAAU,WAAW,SAAS,OAAO,UAAU,GAAG,SAC7E,KACA;CACA,MAAM,EAAE,MAAM,WAAW,WAAW;CACpC,MAAM,SAAS,iBAAiB;CAEhC,MAAM,eAAe,UAAyC;EAC5D,UAAU,KAAK;EAEf,IAAI,CAAC,MAAM,kBACT,OAAO;CAEX;CAEA,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,iBAAe;EACf,cAAY,cAAc,OAAO,qBAAqB;EACtD,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,aAAU;EACV,SAAS;EACJ;EACC;YAEL,YAAY,oBAAC,QAAD;GAAM,eAAY;aAAQ,OAAO,MAAM;EAAU,CAAA;CACxD,CAAA;AAEZ,CACF;AAIA,MAAa,gBAAgB,WAA4C,SAAS,cAChF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,MAAM,SAAS,iBAAiB;CAEhC,OACE,oBAAC,UAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,iBAAiB,WAA6C,SAAS,eAClF,EAAE,cAAc,WAAW,WAAW,GAAG,SACzC,KACA;CACA,MAAM,SAAS,iBAAiB;CAEhC,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,cAAY,aAAa;EACpB;EACL,WAAW,GAAG,OAAO,SAAS,SAAS;EACvC,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAgB,WAA4C,SAAS,cAChF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,MAAM,SAAS,iBAAiB;CAEhC,OACE,oBAAC,UAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,QAAQ,SAAS;EACtC,aAAU;CACX,CAAA;AAEL,CAAC;;;;;;AAYD,MAAa,cAAc,WAAgD,SAAS,YAClF,EAAE,gBAAgB,aAAa,SAAS,OAAO,WAAW,GAAG,SAC7D,KACA;CACA,MAAM,EAAE,SAAS,WAAW;CAC5B,MAAM,SAAS,QAAQ;EAAE;EAAQ;CAAK,CAAC;CAEvC,OACE,oBAAC,KAAD;EACE,GAAI;EACJ,gBAAc,gBAAgB,SAAS,SAAS,KAAA;EAC3C;EACL,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,eAAa,UAAU,KAAA;EACvB,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,eAAe,WAA+C,SAAS,aAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,MAAM,SAAS,iBAAiB;CAEhC,OACE,oBAAC,QAAD;EAAM,GAAI;EAAY;EAAK,WAAW,GAAG,OAAO,OAAO,SAAS;EAAG,aAAU;CAAiB,CAAA;AAElG,CAAC;AAED,MAAa,UAAU;CACrB,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;AACT"}

package/dist/components/skeleton/index.d.cts

@@ -0,0 +1,2 @@
+import { Skeleton, SkeletonProps, SkeletonVariant } from "./skeleton.cjs";
+export { Skeleton, type SkeletonProps, type SkeletonVariant };

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

@@ -0,0 +1,2 @@
+import { Skeleton, SkeletonProps, SkeletonVariant } from "./skeleton.js";
+export { Skeleton, type SkeletonProps, type SkeletonVariant };

package/dist/components/skeleton/skeleton.cjs

@@ -0,0 +1,25 @@
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_skeleton = require("../../styled-system/recipes/skeleton.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/skeleton/skeleton.tsx
+/** A decorative loading placeholder; place `aria-busy` on the loading region. */
+const Skeleton = (0, react.forwardRef)(function Skeleton({ animated = true, className, variant = "rect", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		className: require_cx.cx(require_skeleton.skeleton({
+			animated,
+			variant
+		}), className),
+		"data-animated": animated || void 0,
+		"data-jaci-component": "skeleton",
+		"data-slot": "skeleton",
+		"data-variant": variant
+	});
+});
+//#endregion
+exports.Skeleton = Skeleton;
+
+//# sourceMappingURL=skeleton.cjs.map

package/dist/components/skeleton/skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.cjs","names":["cx","skeleton"],"sources":["../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { skeleton } from \"../../styled-system/recipes\";\n\nexport type SkeletonVariant = \"text\" | \"circle\" | \"rect\";\n\nexport interface SkeletonProps extends ComponentPropsWithoutRef<\"div\"> {\n  variant?: SkeletonVariant;\n  /** Disables the pulse while retaining the placeholder's shape. */\n  animated?: boolean;\n}\n\n/** A decorative loading placeholder; place `aria-busy` on the loading region. */\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(function Skeleton(\n  { animated = true, className, variant = \"rect\", ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-hidden=\"true\"\n      ref={ref}\n      className={cx(skeleton({ animated, variant }), className)}\n      data-animated={animated || undefined}\n      data-jaci-component=\"skeleton\"\n      data-slot=\"skeleton\"\n      data-variant={variant}\n    />\n  );\n});\n"],"mappings":";;;;;;AAeA,MAAa,YAAA,GAAA,MAAA,WAAA,CAAqD,SAAS,SACzE,EAAE,WAAW,MAAM,WAAW,UAAU,QAAQ,GAAG,SACnD,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAWA,WAAAA,GAAGC,iBAAAA,SAAS;GAAE;GAAU;EAAQ,CAAC,GAAG,SAAS;EACxD,iBAAe,YAAY,KAAA;EAC3B,uBAAoB;EACpB,aAAU;EACV,gBAAc;CACf,CAAA;AAEL,CAAC"}

package/dist/components/skeleton/skeleton.d.cts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/skeleton/skeleton.d.ts
+type SkeletonVariant = "text" | "circle" | "rect";
+interface SkeletonProps extends ComponentPropsWithoutRef<"div"> {
+  variant?: SkeletonVariant;
+  /** Disables the pulse while retaining the placeholder's shape. */
+  animated?: boolean;
+}
+/** A decorative loading placeholder; place `aria-busy` on the loading region. */
+declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Skeleton, SkeletonProps, SkeletonVariant };
+//# sourceMappingURL=skeleton.d.cts.map

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/skeleton/skeleton.d.ts
+type SkeletonVariant = "text" | "circle" | "rect";
+interface SkeletonProps extends ComponentPropsWithoutRef<"div"> {
+  variant?: SkeletonVariant;
+  /** Disables the pulse while retaining the placeholder's shape. */
+  animated?: boolean;
+}
+/** A decorative loading placeholder; place `aria-busy` on the loading region. */
+declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Skeleton, SkeletonProps, SkeletonVariant };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/components/skeleton/skeleton.js

@@ -0,0 +1,25 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { skeleton } from "../../styled-system/recipes/skeleton.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/skeleton/skeleton.tsx
+/** A decorative loading placeholder; place `aria-busy` on the loading region. */
+const Skeleton = forwardRef(function Skeleton({ animated = true, className, variant = "rect", ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		className: cx(skeleton({
+			animated,
+			variant
+		}), className),
+		"data-animated": animated || void 0,
+		"data-jaci-component": "skeleton",
+		"data-slot": "skeleton",
+		"data-variant": variant
+	});
+});
+//#endregion
+export { Skeleton };
+
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { skeleton } from \"../../styled-system/recipes\";\n\nexport type SkeletonVariant = \"text\" | \"circle\" | \"rect\";\n\nexport interface SkeletonProps extends ComponentPropsWithoutRef<\"div\"> {\n  variant?: SkeletonVariant;\n  /** Disables the pulse while retaining the placeholder's shape. */\n  animated?: boolean;\n}\n\n/** A decorative loading placeholder; place `aria-busy` on the loading region. */\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(function Skeleton(\n  { animated = true, className, variant = \"rect\", ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      aria-hidden=\"true\"\n      ref={ref}\n      className={cx(skeleton({ animated, variant }), className)}\n      data-animated={animated || undefined}\n      data-jaci-component=\"skeleton\"\n      data-slot=\"skeleton\"\n      data-variant={variant}\n    />\n  );\n});\n"],"mappings":";;;;;;AAeA,MAAa,WAAW,WAA0C,SAAS,SACzE,EAAE,WAAW,MAAM,WAAW,UAAU,QAAQ,GAAG,SACnD,KACA;CACA,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAW,GAAG,SAAS;GAAE;GAAU;EAAQ,CAAC,GAAG,SAAS;EACxD,iBAAe,YAAY,KAAA;EAC3B,uBAAoB;EACpB,aAAU;EACV,gBAAc;CACf,CAAA;AAEL,CAAC"}

package/dist/components/slider/index.d.cts

@@ -0,0 +1,2 @@
+import { Slider, SliderControl, SliderControlProps, SliderIndicator, SliderIndicatorProps, SliderLabel, SliderLabelProps, SliderRoot, SliderRootProps, SliderSize, SliderThumb, SliderThumbProps, SliderTrack, SliderTrackProps, SliderValue, SliderValueProps } from "./slider.cjs";
+export { Slider, SliderControl, type SliderControlProps, SliderIndicator, type SliderIndicatorProps, SliderLabel, type SliderLabelProps, SliderRoot, type SliderRootProps, type SliderSize, SliderThumb, type SliderThumbProps, SliderTrack, type SliderTrackProps, SliderValue, type SliderValueProps };

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

@@ -0,0 +1,2 @@
+import { Slider, SliderControl, SliderControlProps, SliderIndicator, SliderIndicatorProps, SliderLabel, SliderLabelProps, SliderRoot, SliderRootProps, SliderSize, SliderThumb, SliderThumbProps, SliderTrack, SliderTrackProps, SliderValue, SliderValueProps } from "./slider.js";
+export { Slider, SliderControl, type SliderControlProps, SliderIndicator, type SliderIndicatorProps, SliderLabel, type SliderLabelProps, SliderRoot, type SliderRootProps, type SliderSize, SliderThumb, type SliderThumbProps, SliderTrack, type SliderTrackProps, SliderValue, type SliderValueProps };

package/dist/components/slider/slider.cjs

@@ -0,0 +1,96 @@
+"use client";
+const require_base_ui = require("../base-ui.cjs");
+const require_slider = require("../../styled-system/recipes/slider.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_slider = require("@base-ui/react/slider");
+//#region src/components/slider/slider.tsx
+const SliderSizeContext = (0, react.createContext)("md");
+function useSliderStyles() {
+	return require_slider.slider({ size: (0, react.useContext)(SliderSizeContext) });
+}
+/**
+* An accessible single-value or range slider. Use `value`/`onValueChange`
+* for controlled state, or `defaultValue` for an uncontrolled slider.
+*/
+function SliderRoot({ children, className, size = "md", ...props }) {
+	const styles = require_slider.slider({ size });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderSizeContext.Provider, {
+		value: size,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Root, {
+			...props,
+			className: require_base_ui.withRecipeClassName(styles.root, className),
+			"data-jaci-component": "slider",
+			"data-slot": "slider",
+			children
+		})
+	});
+}
+const SliderLabel = (0, react.forwardRef)(function SliderLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Label, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSliderStyles().label, className),
+		"data-slot": "slider-label"
+	});
+});
+const SliderValue = (0, react.forwardRef)(function SliderValue({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Value, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSliderStyles().value, className),
+		"data-slot": "slider-value"
+	});
+});
+const SliderControl = (0, react.forwardRef)(function SliderControl({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Control, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSliderStyles().control, className),
+		"data-slot": "slider-control"
+	});
+});
+const SliderTrack = (0, react.forwardRef)(function SliderTrack({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Track, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSliderStyles().track, className),
+		"data-slot": "slider-track"
+	});
+});
+const SliderIndicator = (0, react.forwardRef)(function SliderIndicator({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Indicator, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSliderStyles().indicator, className),
+		"data-slot": "slider-indicator"
+	});
+});
+const SliderThumb = (0, react.forwardRef)(function SliderThumb({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Thumb, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(useSliderStyles().thumb, className),
+		"data-slot": "slider-thumb"
+	});
+});
+const Slider = {
+	Root: SliderRoot,
+	Label: SliderLabel,
+	Value: SliderValue,
+	Control: SliderControl,
+	Track: SliderTrack,
+	Indicator: SliderIndicator,
+	Thumb: SliderThumb
+};
+//#endregion
+exports.Slider = Slider;
+exports.SliderControl = SliderControl;
+exports.SliderIndicator = SliderIndicator;
+exports.SliderLabel = SliderLabel;
+exports.SliderRoot = SliderRoot;
+exports.SliderThumb = SliderThumb;
+exports.SliderTrack = SliderTrack;
+exports.SliderValue = SliderValue;
+
+//# sourceMappingURL=slider.cjs.map

package/dist/components/slider/slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.cjs","names":["slider","BaseSlider","withRecipeClassName"],"sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SliderRoot as BaseSliderRoot } from \"@base-ui/react/slider\";\n\nimport { slider } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type SliderSize = \"sm\" | \"md\" | \"lg\";\n\nconst SliderSizeContext = createContext<SliderSize>(\"md\");\n\nfunction useSliderStyles() {\n  return slider({ size: useContext(SliderSizeContext) });\n}\n\nexport interface SliderRootProps<\n  Value extends number | readonly number[] = number | readonly number[],\n> extends Omit<BaseSliderRoot.Props<Value>, \"children\" | \"className\"> {\n  /** Shared visual size for the track and thumb. */\n  size?: SliderSize;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * An accessible single-value or range slider. Use `value`/`onValueChange`\n * for controlled state, or `defaultValue` for an uncontrolled slider.\n */\nexport function SliderRoot<Value extends number | readonly number[] = number | readonly number[]>({\n  children,\n  className,\n  size = \"md\",\n  ...props\n}: SliderRootProps<Value>) {\n  const styles = slider({ size });\n\n  return (\n    <SliderSizeContext.Provider value={size}>\n      <BaseSlider.Root\n        {...props}\n        className={withRecipeClassName(styles.root, className)}\n        data-jaci-component=\"slider\"\n        data-slot=\"slider\"\n      >\n        {children}\n      </BaseSlider.Root>\n    </SliderSizeContext.Provider>\n  );\n}\n\nexport type SliderLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\n\nexport const SliderLabel = forwardRef<HTMLDivElement, SliderLabelProps>(function SliderLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().label, className)}\n      data-slot=\"slider-label\"\n    />\n  );\n});\n\nexport type SliderValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\n\nexport const SliderValue = forwardRef<HTMLOutputElement, SliderValueProps>(function SliderValue(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Value\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().value, className)}\n      data-slot=\"slider-value\"\n    />\n  );\n});\n\nexport type SliderControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\n\nexport const SliderControl = forwardRef<HTMLDivElement, SliderControlProps>(function SliderControl(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Control\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().control, className)}\n      data-slot=\"slider-control\"\n    />\n  );\n});\n\nexport type SliderTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\n\nexport const SliderTrack = forwardRef<HTMLDivElement, SliderTrackProps>(function SliderTrack(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Track\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().track, className)}\n      data-slot=\"slider-track\"\n    />\n  );\n});\n\nexport type SliderIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\n\nexport const SliderIndicator = forwardRef<HTMLDivElement, SliderIndicatorProps>(\n  function SliderIndicator({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSliderStyles().indicator, className)}\n        data-slot=\"slider-indicator\"\n      />\n    );\n  },\n);\n\nexport type SliderThumbProps = ComponentPropsWithoutRef<typeof BaseSlider.Thumb>;\n\nexport const SliderThumb = forwardRef<HTMLDivElement, SliderThumbProps>(function SliderThumb(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Thumb\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().thumb, className)}\n      data-slot=\"slider-thumb\"\n    />\n  );\n});\n\nexport const Slider = {\n  Root: SliderRoot,\n  Label: SliderLabel,\n  Value: SliderValue,\n  Control: SliderControl,\n  Track: SliderTrack,\n  Indicator: SliderIndicator,\n  Thumb: SliderThumb,\n};\n"],"mappings":";;;;;;;AAYA,MAAM,qBAAA,GAAA,MAAA,cAAA,CAA8C,IAAI;AAExD,SAAS,kBAAkB;CACzB,OAAOA,eAAAA,OAAO,EAAE,OAAA,GAAA,MAAA,WAAA,CAAiB,iBAAiB,EAAE,CAAC;AACvD;;;;;AAeA,SAAgB,WAAkF,EAChG,UACA,WACA,OAAO,MACP,GAAG,SACsB;CACzB,MAAM,SAASA,eAAAA,OAAO,EAAE,KAAK,CAAC;CAE9B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAkB,UAAnB;EAA4B,OAAO;YACjC,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,OAAW,MAAZ;GACE,GAAI;GACJ,WAAWC,gBAAAA,oBAAoB,OAAO,MAAM,SAAS;GACrD,uBAAoB;GACpB,aAAU;GAET;EACc,CAAA;CACS,CAAA;AAEhC;AAIA,MAAa,eAAA,GAAA,MAAA,WAAA,CAA2D,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,eAAA,GAAA,MAAA,WAAA,CAA8D,SAAS,YAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,iBAAA,GAAA,MAAA,WAAA,CAA+D,SAAS,cACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,SAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,SAAS,SAAS;EACnE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,eAAA,GAAA,MAAA,WAAA,CAA2D,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,WAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,WAAW,SAAS;EACrE,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAA,GAAA,MAAA,WAAA,CAA2D,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,SAAS;CACpB,MAAM;CACN,OAAO;CACP,OAAO;CACP,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;AACT"}

package/dist/components/slider/slider.d.cts

@@ -0,0 +1,39 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Slider, SliderRoot } from "@base-ui/react/slider";
+//#region src/components/slider/slider.d.ts
+type SliderSize = "sm" | "md" | "lg";
+interface SliderRootProps<Value extends number | readonly number[] = number | readonly number[]> extends Omit<SliderRoot.Props<Value>, "children" | "className"> {
+  /** Shared visual size for the track and thumb. */
+  size?: SliderSize;
+  children?: ReactNode;
+  className?: string;
+}
+/**
+ * An accessible single-value or range slider. Use `value`/`onValueChange`
+ * for controlled state, or `defaultValue` for an uncontrolled slider.
+ */
+declare function SliderRoot$1<Value extends number | readonly number[] = number | readonly number[]>({ children, className, size, ...props }: SliderRootProps<Value>): import("react").JSX.Element;
+type SliderLabelProps = ComponentPropsWithoutRef<typeof Slider.Label>;
+declare const SliderLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SliderValueProps = ComponentPropsWithoutRef<typeof Slider.Value>;
+declare const SliderValue: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderValueProps, "ref"> & import("react").RefAttributes<HTMLOutputElement>, "ref"> & import("react").RefAttributes<HTMLOutputElement>>;
+type SliderControlProps = ComponentPropsWithoutRef<typeof Slider.Control>;
+declare const SliderControl: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SliderTrackProps = ComponentPropsWithoutRef<typeof Slider.Track>;
+declare const SliderTrack: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SliderIndicatorProps = ComponentPropsWithoutRef<typeof Slider.Indicator>;
+declare const SliderIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SliderThumbProps = ComponentPropsWithoutRef<typeof Slider.Thumb>;
+declare const SliderThumb: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderThumbProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Slider$1: {
+  Root: typeof SliderRoot$1;
+  Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Value: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderValueProps, "ref"> & import("react").RefAttributes<HTMLOutputElement>, "ref"> & import("react").RefAttributes<HTMLOutputElement>>;
+  Control: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Track: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Thumb: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderThumbProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { Slider$1 as Slider, SliderControl, SliderControlProps, SliderIndicator, SliderIndicatorProps, SliderLabel, SliderLabelProps, SliderRoot$1 as SliderRoot, SliderRootProps, SliderSize, SliderThumb, SliderThumbProps, SliderTrack, SliderTrackProps, SliderValue, SliderValueProps };
+//# sourceMappingURL=slider.d.cts.map

package/dist/components/slider/slider.d.ts

@@ -0,0 +1,39 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Slider, SliderRoot } from "@base-ui/react/slider";
+//#region src/components/slider/slider.d.ts
+type SliderSize = "sm" | "md" | "lg";
+interface SliderRootProps<Value extends number | readonly number[] = number | readonly number[]> extends Omit<SliderRoot.Props<Value>, "children" | "className"> {
+  /** Shared visual size for the track and thumb. */
+  size?: SliderSize;
+  children?: ReactNode;
+  className?: string;
+}
+/**
+ * An accessible single-value or range slider. Use `value`/`onValueChange`
+ * for controlled state, or `defaultValue` for an uncontrolled slider.
+ */
+declare function SliderRoot$1<Value extends number | readonly number[] = number | readonly number[]>({ children, className, size, ...props }: SliderRootProps<Value>): import("react").JSX.Element;
+type SliderLabelProps = ComponentPropsWithoutRef<typeof Slider.Label>;
+declare const SliderLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SliderValueProps = ComponentPropsWithoutRef<typeof Slider.Value>;
+declare const SliderValue: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderValueProps, "ref"> & import("react").RefAttributes<HTMLOutputElement>, "ref"> & import("react").RefAttributes<HTMLOutputElement>>;
+type SliderControlProps = ComponentPropsWithoutRef<typeof Slider.Control>;
+declare const SliderControl: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SliderTrackProps = ComponentPropsWithoutRef<typeof Slider.Track>;
+declare const SliderTrack: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SliderIndicatorProps = ComponentPropsWithoutRef<typeof Slider.Indicator>;
+declare const SliderIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type SliderThumbProps = ComponentPropsWithoutRef<typeof Slider.Thumb>;
+declare const SliderThumb: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderThumbProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Slider$1: {
+  Root: typeof SliderRoot$1;
+  Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Value: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderValueProps, "ref"> & import("react").RefAttributes<HTMLOutputElement>, "ref"> & import("react").RefAttributes<HTMLOutputElement>>;
+  Control: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Track: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderTrackProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Thumb: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderThumbProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { Slider$1 as Slider, SliderControl, SliderControlProps, SliderIndicator, SliderIndicatorProps, SliderLabel, SliderLabelProps, SliderRoot$1 as SliderRoot, SliderRootProps, SliderSize, SliderThumb, SliderThumbProps, SliderTrack, SliderTrackProps, SliderValue, SliderValueProps };
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/slider/slider.js

@@ -0,0 +1,89 @@
+"use client";
+import { withRecipeClassName } from "../base-ui.js";
+import { slider } from "../../styled-system/recipes/slider.js";
+import { createContext, forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Slider } from "@base-ui/react/slider";
+//#region src/components/slider/slider.tsx
+const SliderSizeContext = createContext("md");
+function useSliderStyles() {
+	return slider({ size: useContext(SliderSizeContext) });
+}
+/**
+* An accessible single-value or range slider. Use `value`/`onValueChange`
+* for controlled state, or `defaultValue` for an uncontrolled slider.
+*/
+function SliderRoot$1({ children, className, size = "md", ...props }) {
+	const styles = slider({ size });
+	return /* @__PURE__ */ jsx(SliderSizeContext.Provider, {
+		value: size,
+		children: /* @__PURE__ */ jsx(Slider.Root, {
+			...props,
+			className: withRecipeClassName(styles.root, className),
+			"data-jaci-component": "slider",
+			"data-slot": "slider",
+			children
+		})
+	});
+}
+const SliderLabel = forwardRef(function SliderLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Label, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSliderStyles().label, className),
+		"data-slot": "slider-label"
+	});
+});
+const SliderValue = forwardRef(function SliderValue({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Value, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSliderStyles().value, className),
+		"data-slot": "slider-value"
+	});
+});
+const SliderControl = forwardRef(function SliderControl({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Control, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSliderStyles().control, className),
+		"data-slot": "slider-control"
+	});
+});
+const SliderTrack = forwardRef(function SliderTrack({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Track, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSliderStyles().track, className),
+		"data-slot": "slider-track"
+	});
+});
+const SliderIndicator = forwardRef(function SliderIndicator({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Indicator, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSliderStyles().indicator, className),
+		"data-slot": "slider-indicator"
+	});
+});
+const SliderThumb = forwardRef(function SliderThumb({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Thumb, {
+		...props,
+		ref,
+		className: withRecipeClassName(useSliderStyles().thumb, className),
+		"data-slot": "slider-thumb"
+	});
+});
+const Slider$1 = {
+	Root: SliderRoot$1,
+	Label: SliderLabel,
+	Value: SliderValue,
+	Control: SliderControl,
+	Track: SliderTrack,
+	Indicator: SliderIndicator,
+	Thumb: SliderThumb
+};
+//#endregion
+export { Slider$1 as Slider, SliderControl, SliderIndicator, SliderLabel, SliderRoot$1 as SliderRoot, SliderThumb, SliderTrack, SliderValue };
+
+//# sourceMappingURL=slider.js.map

package/dist/components/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":["SliderRoot","BaseSlider","Slider"],"sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as BaseSlider } from \"@base-ui/react/slider\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { SliderRoot as BaseSliderRoot } from \"@base-ui/react/slider\";\n\nimport { slider } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type SliderSize = \"sm\" | \"md\" | \"lg\";\n\nconst SliderSizeContext = createContext<SliderSize>(\"md\");\n\nfunction useSliderStyles() {\n  return slider({ size: useContext(SliderSizeContext) });\n}\n\nexport interface SliderRootProps<\n  Value extends number | readonly number[] = number | readonly number[],\n> extends Omit<BaseSliderRoot.Props<Value>, \"children\" | \"className\"> {\n  /** Shared visual size for the track and thumb. */\n  size?: SliderSize;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * An accessible single-value or range slider. Use `value`/`onValueChange`\n * for controlled state, or `defaultValue` for an uncontrolled slider.\n */\nexport function SliderRoot<Value extends number | readonly number[] = number | readonly number[]>({\n  children,\n  className,\n  size = \"md\",\n  ...props\n}: SliderRootProps<Value>) {\n  const styles = slider({ size });\n\n  return (\n    <SliderSizeContext.Provider value={size}>\n      <BaseSlider.Root\n        {...props}\n        className={withRecipeClassName(styles.root, className)}\n        data-jaci-component=\"slider\"\n        data-slot=\"slider\"\n      >\n        {children}\n      </BaseSlider.Root>\n    </SliderSizeContext.Provider>\n  );\n}\n\nexport type SliderLabelProps = ComponentPropsWithoutRef<typeof BaseSlider.Label>;\n\nexport const SliderLabel = forwardRef<HTMLDivElement, SliderLabelProps>(function SliderLabel(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Label\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().label, className)}\n      data-slot=\"slider-label\"\n    />\n  );\n});\n\nexport type SliderValueProps = ComponentPropsWithoutRef<typeof BaseSlider.Value>;\n\nexport const SliderValue = forwardRef<HTMLOutputElement, SliderValueProps>(function SliderValue(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Value\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().value, className)}\n      data-slot=\"slider-value\"\n    />\n  );\n});\n\nexport type SliderControlProps = ComponentPropsWithoutRef<typeof BaseSlider.Control>;\n\nexport const SliderControl = forwardRef<HTMLDivElement, SliderControlProps>(function SliderControl(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Control\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().control, className)}\n      data-slot=\"slider-control\"\n    />\n  );\n});\n\nexport type SliderTrackProps = ComponentPropsWithoutRef<typeof BaseSlider.Track>;\n\nexport const SliderTrack = forwardRef<HTMLDivElement, SliderTrackProps>(function SliderTrack(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Track\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().track, className)}\n      data-slot=\"slider-track\"\n    />\n  );\n});\n\nexport type SliderIndicatorProps = ComponentPropsWithoutRef<typeof BaseSlider.Indicator>;\n\nexport const SliderIndicator = forwardRef<HTMLDivElement, SliderIndicatorProps>(\n  function SliderIndicator({ className, ...props }, ref) {\n    return (\n      <BaseSlider.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(useSliderStyles().indicator, className)}\n        data-slot=\"slider-indicator\"\n      />\n    );\n  },\n);\n\nexport type SliderThumbProps = ComponentPropsWithoutRef<typeof BaseSlider.Thumb>;\n\nexport const SliderThumb = forwardRef<HTMLDivElement, SliderThumbProps>(function SliderThumb(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseSlider.Thumb\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(useSliderStyles().thumb, className)}\n      data-slot=\"slider-thumb\"\n    />\n  );\n});\n\nexport const Slider = {\n  Root: SliderRoot,\n  Label: SliderLabel,\n  Value: SliderValue,\n  Control: SliderControl,\n  Track: SliderTrack,\n  Indicator: SliderIndicator,\n  Thumb: SliderThumb,\n};\n"],"mappings":";;;;;;;AAYA,MAAM,oBAAoB,cAA0B,IAAI;AAExD,SAAS,kBAAkB;CACzB,OAAO,OAAO,EAAE,MAAM,WAAW,iBAAiB,EAAE,CAAC;AACvD;;;;;AAeA,SAAgBA,aAAkF,EAChG,UACA,WACA,OAAO,MACP,GAAG,SACsB;CACzB,MAAM,SAAS,OAAO,EAAE,KAAK,CAAC;CAE9B,OACE,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;YACjC,oBAACC,OAAW,MAAZ;GACE,GAAI;GACJ,WAAW,oBAAoB,OAAO,MAAM,SAAS;GACrD,uBAAoB;GACpB,aAAU;GAET;EACc,CAAA;CACS,CAAA;AAEhC;AAIA,MAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,cAAc,WAAgD,SAAS,YAClF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,gBAAgB,WAA+C,SAAS,cACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,SAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,SAAS,SAAS;EACnE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAACA,OAAW,WAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,WAAW,SAAS;EACrE,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAaC,WAAS;CACpB,MAAMF;CACN,OAAO;CACP,OAAO;CACP,SAAS;CACT,OAAO;CACP,WAAW;CACX,OAAO;AACT"}

package/dist/components/table/index.d.cts

@@ -0,0 +1,2 @@
+import { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableDensity, TableEmpty, TableEmptyProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSelectionCell, TableSelectionCellProps, TableSelectionHeader, TableSelectionHeaderProps, TableSortDirection } from "./table.cjs";
+export { Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, type TableDensity, TableEmpty, type TableEmptyProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableSelectionCell, type TableSelectionCellProps, TableSelectionHeader, type TableSelectionHeaderProps, type TableSortDirection };

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

@@ -0,0 +1,2 @@
+import { Table, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableDensity, TableEmpty, TableEmptyProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, TableSelectionCell, TableSelectionCellProps, TableSelectionHeader, TableSelectionHeaderProps, TableSortDirection } from "./table.js";
+export { Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, type TableDensity, TableEmpty, type TableEmptyProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableSelectionCell, type TableSelectionCellProps, TableSelectionHeader, type TableSelectionHeaderProps, type TableSortDirection };