@spark-ui/components 16.2.1 → 16.2.2

package/dist/divider/Divider.d.ts

@@ -25,6 +25,6 @@ export interface DividerProps extends HTMLAttributes<HTMLDivElement>, Omit<Divid
     ref?: Ref<HTMLDivElement>;
 }
 export declare const Divider: {
-    ({ asChild, className, isDecorative, children, orientation, writingMode, alignment, intent, ref, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
+    ({ asChild, className, isDecorative, children, orientation, writingMode, alignment, intent, ref, role: roleProp, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/divider/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("class-variance-authority"),p=require("radix-ui"),t=require("@spark-ui/internal-utils"),y=[{intent:"current",isEmpty:!0,class:t.tw(["border-current"])},{intent:"current",isEmpty:!1,class:t.tw(["before:border-current after:border-current"])},{intent:"outline",isEmpty:!0,class:t.tw(["border-outline"])},{intent:"outline",isEmpty:!1,class:t.tw(["before:border-outline after:border-outline"])}],v=n.cva(["overflow-hidden group"],{variants:{isEmpty:{true:["border-solid"],false:["inline-flex items-center","after:border-solid before:border-solid"]},orientation:{vertical:["w-fit inline-flex"],horizontal:["w-full"]},writingMode:{"horizontal-tb":[],"vertical-lr":[]},alignment:{start:[],end:[],center:[]},intent:{current:[],outline:[]}},defaultVariants:{orientation:"horizontal",writingMode:"horizontal-tb",alignment:"center",intent:"outline"},compoundVariants:[{isEmpty:!0,orientation:"horizontal",class:t.tw(["my-lg border-t-sm"])},{isEmpty:!0,orientation:"vertical",class:t.tw(["mx-lg min-h-sz-24 border-l-sm"])},{isEmpty:!1,orientation:"horizontal",writingMode:"horizontal-tb",class:t.tw(["flex-row my-sm grow-0","before:border-t-sm","after:border-t-sm","*:px-lg"])},{isEmpty:!1,orientation:"vertical",writingMode:"horizontal-tb",class:t.tw(["flex-col mx-sm","before:border-l-sm","after:border-l-sm","*:py-lg"])},{isEmpty:!1,orientation:"vertical",writingMode:"vertical-lr",class:t.tw(["flex-col mx-sm","before:border-l-sm","after:border-l-sm","*:px-lg"])},{isEmpty:!1,orientation:"horizontal",alignment:"end",class:t.tw(["after:w-sz-40 before:grow after:grow-0"])},{isEmpty:!1,orientation:"horizontal",alignment:"start",class:t.tw(["before:w-sz-40 before:grow-0 after:grow"])},{isEmpty:!1,orientation:"horizontal",alignment:"center",class:t.tw(["justify-center before:grow after:grow"])},{isEmpty:!1,orientation:"vertical",alignment:"end",class:t.tw(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"])},{isEmpty:!1,orientation:"vertical",alignment:"start",class:t.tw(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"])},{isEmpty:!1,orientation:"vertical",alignment:"center",class:t.tw(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"])},...y]}),m=({asChild:e,className:i,isDecorative:o=!1,children:r,orientation:s="horizontal",writingMode:l="horizontal-tb",alignment:f="center",intent:b="outline",ref:w,...g})=>{const u=e?!r?.props?.children:!r;return c.jsx(p.Separator.Root,{"data-spark-component":"divider",asChild:e,className:n.cx(v({isEmpty:u,orientation:s,alignment:f,intent:b,writingMode:l}),i),orientation:s,ref:w,decorative:o,...g,"data-writing-mode":l,children:r})};m.displayName="Divider";const d=({children:e,ref:i,className:o,...r})=>e?c.jsx("span",{"data-spark-component":"divider-content",ref:i,...r,className:n.cx("group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]",o),children:e}):null;d.displayName="Divider.Content";const a=Object.assign(m,{Content:d});a.displayName="Divider";a.Content.displayName="Divider.Content";exports.Divider=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),h=require("@base-ui/react/separator"),s=require("class-variance-authority"),E=require("../Slot-DQ8z2zsy.js"),e=require("@spark-ui/internal-utils"),x=[{intent:"current",isEmpty:!0,class:e.tw(["border-current"])},{intent:"current",isEmpty:!1,class:e.tw(["before:border-current after:border-current"])},{intent:"outline",isEmpty:!0,class:e.tw(["border-outline"])},{intent:"outline",isEmpty:!1,class:e.tw(["before:border-outline after:border-outline"])}],j=s.cva(["overflow-hidden group"],{variants:{isEmpty:{true:["border-solid"],false:["inline-flex items-center","after:border-solid before:border-solid"]},orientation:{vertical:["w-fit inline-flex"],horizontal:["w-full"]},writingMode:{"horizontal-tb":[],"vertical-lr":[]},alignment:{start:[],end:[],center:[]},intent:{current:[],outline:[]}},defaultVariants:{orientation:"horizontal",writingMode:"horizontal-tb",alignment:"center",intent:"outline"},compoundVariants:[{isEmpty:!0,orientation:"horizontal",class:e.tw(["my-lg border-t-sm"])},{isEmpty:!0,orientation:"vertical",class:e.tw(["mx-lg min-h-sz-24 border-l-sm"])},{isEmpty:!1,orientation:"horizontal",writingMode:"horizontal-tb",class:e.tw(["flex-row my-sm grow-0","before:border-t-sm","after:border-t-sm","*:px-lg"])},{isEmpty:!1,orientation:"vertical",writingMode:"horizontal-tb",class:e.tw(["flex-col mx-sm","before:border-l-sm","after:border-l-sm","*:py-lg"])},{isEmpty:!1,orientation:"vertical",writingMode:"vertical-lr",class:e.tw(["flex-col mx-sm","before:border-l-sm","after:border-l-sm","*:px-lg"])},{isEmpty:!1,orientation:"horizontal",alignment:"end",class:e.tw(["after:w-sz-40 before:grow after:grow-0"])},{isEmpty:!1,orientation:"horizontal",alignment:"start",class:e.tw(["before:w-sz-40 before:grow-0 after:grow"])},{isEmpty:!1,orientation:"horizontal",alignment:"center",class:e.tw(["justify-center before:grow after:grow"])},{isEmpty:!1,orientation:"vertical",alignment:"end",class:e.tw(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"])},{isEmpty:!1,orientation:"vertical",alignment:"start",class:e.tw(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"])},{isEmpty:!1,orientation:"vertical",alignment:"center",class:e.tw(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"])},...x]}),f=({asChild:t,className:i,isDecorative:o=!1,children:r,orientation:c="horizontal",writingMode:m="horizontal-tb",alignment:w="center",intent:u="outline",ref:g,role:d,...p})=>{const y=t?!r?.props?.children:!r;let n;o?n={role:"none"}:d!==void 0&&(n={role:d});const v=t?(z=>a.jsx(E.Slot,{...z})):void 0;return a.jsx(h.Separator,{"data-spark-component":"divider",className:s.cx(j({isEmpty:y,orientation:c,alignment:w,intent:u,writingMode:m}),i),orientation:c,ref:g,...p,render:v,...n,"data-writing-mode":m,children:r})};f.displayName="Divider";const b=({children:t,ref:i,className:o,...r})=>t?a.jsx("span",{"data-spark-component":"divider-content",ref:i,...r,className:s.cx("group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]",o),children:t}):null;b.displayName="Divider.Content";const l=Object.assign(f,{Content:b});l.displayName="Divider";l.Content.displayName="Divider.Content";exports.Divider=l;
 //# sourceMappingURL=index.js.map

package/dist/divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/divider/variants/intents.tsx","../../src/divider/Divider.styles.ts","../../src/divider/Divider.tsx","../../src/divider/DividerContent.tsx","../../src/divider/index.ts"],"sourcesContent":["import { tw } from '@spark-ui/internal-utils'\n\nexport const intentVariants = [\n  // current\n  {\n    intent: 'current',\n    isEmpty: true,\n    class: tw(['border-current']),\n  },\n  {\n    intent: 'current',\n    isEmpty: false,\n    class: tw(['before:border-current after:border-current']),\n  },\n  // outline\n  {\n    intent: 'outline',\n    isEmpty: true,\n    class: tw(['border-outline']),\n  },\n  {\n    intent: 'outline',\n    isEmpty: false,\n    class: tw(['before:border-outline after:border-outline']),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nimport { intentVariants } from './variants/intents'\n\nexport const dividerStyles = cva(['overflow-hidden group'], {\n  variants: {\n    isEmpty: {\n      true: ['border-solid'],\n      false: ['inline-flex items-center', 'after:border-solid before:border-solid'],\n    },\n    orientation: {\n      vertical: ['w-fit inline-flex'],\n      horizontal: ['w-full'],\n    },\n    writingMode: {\n      'horizontal-tb': [],\n      'vertical-lr': [],\n    },\n    alignment: {\n      start: [],\n      end: [],\n      center: [],\n    },\n    intent: {\n      current: [],\n      outline: [],\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    writingMode: 'horizontal-tb',\n    alignment: 'center',\n    intent: 'outline',\n  },\n  compoundVariants: [\n    {\n      isEmpty: true,\n      orientation: 'horizontal',\n      class: tw(['my-lg border-t-sm']),\n    },\n    {\n      isEmpty: true,\n      orientation: 'vertical',\n      class: tw(['mx-lg min-h-sz-24 border-l-sm']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-row my-sm grow-0', 'before:border-t-sm', 'after:border-t-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:py-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'vertical-lr',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'end',\n      class: tw(['after:w-sz-40 before:grow after:grow-0']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'start',\n      class: tw(['before:w-sz-40 before:grow-0 after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'end',\n      class: tw(['after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'start',\n      class: tw(['before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40']),\n    },\n    ...intentVariants,\n  ],\n})\n\nexport type DividerStylesProps = VariantProps<typeof dividerStyles>\n","import { cx } from 'class-variance-authority'\nimport { Separator } from 'radix-ui'\nimport { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react'\n\nimport { dividerStyles, type DividerStylesProps } from './Divider.styles'\n\nexport interface DividerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Omit<DividerStylesProps, 'isEmpty'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactElement\n  /**\n   * The orientation of the inner content.\n   */\n  alignment?: 'start' | 'end' | 'center'\n  /**\n   * The orientation of the separator.\n   */\n  orientation?: 'vertical' | 'horizontal'\n  /**\n   * When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.\n   */\n  isDecorative?: boolean\n  /**\n   * Color scheme of the divider.\n   */\n  intent?: 'outline' | 'current'\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Divider = ({\n  asChild,\n  className,\n  isDecorative = false,\n  children,\n  orientation = 'horizontal',\n  writingMode = 'horizontal-tb',\n  alignment = 'center',\n  intent = 'outline',\n  ref,\n  ...props\n}: DividerProps) => {\n  const isEmpty = asChild ? !(children?.props as { children: ReactNode })?.children : !children\n\n  return (\n    <Separator.Root\n      data-spark-component=\"divider\"\n      asChild={asChild}\n      className={cx(\n        dividerStyles({ isEmpty, orientation, alignment, intent, writingMode }),\n        className\n      )}\n      orientation={orientation}\n      ref={ref}\n      decorative={isDecorative}\n      {...props}\n      data-writing-mode={writingMode}\n    >\n      {children}\n    </Separator.Root>\n  )\n}\n\nDivider.displayName = 'Divider'\n","import { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactNode, Ref } from 'react'\n\nexport interface DividerContentProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactNode\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const DividerContent = ({ children, ref, className, ...props }: DividerContentProps) => {\n  return children ? (\n    <span\n      data-spark-component=\"divider-content\"\n      ref={ref}\n      {...props}\n      className={cx('group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]', className)}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nDividerContent.displayName = 'Divider.Content'\n","import { Divider as Root } from './Divider'\nimport { DividerContent } from './DividerContent'\n\nexport { type DividerContentProps } from './DividerContent'\n\nexport const Divider: typeof Root & {\n  Content: typeof DividerContent\n} = Object.assign(Root, {\n  Content: DividerContent,\n})\n\nDivider.displayName = 'Divider'\nDivider.Content.displayName = 'Divider.Content'\n"],"names":["intentVariants","tw","dividerStyles","cva","Divider","asChild","className","isDecorative","children","orientation","writingMode","alignment","intent","ref","props","isEmpty","jsx","Separator","cx","DividerContent","Root"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/divider/variants/intents.tsx","../../src/divider/Divider.styles.ts","../../src/divider/Divider.tsx","../../src/divider/DividerContent.tsx","../../src/divider/index.ts"],"sourcesContent":["import { tw } from '@spark-ui/internal-utils'\n\nexport const intentVariants = [\n  // current\n  {\n    intent: 'current',\n    isEmpty: true,\n    class: tw(['border-current']),\n  },\n  {\n    intent: 'current',\n    isEmpty: false,\n    class: tw(['before:border-current after:border-current']),\n  },\n  // outline\n  {\n    intent: 'outline',\n    isEmpty: true,\n    class: tw(['border-outline']),\n  },\n  {\n    intent: 'outline',\n    isEmpty: false,\n    class: tw(['before:border-outline after:border-outline']),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nimport { intentVariants } from './variants/intents'\n\nexport const dividerStyles = cva(['overflow-hidden group'], {\n  variants: {\n    isEmpty: {\n      true: ['border-solid'],\n      false: ['inline-flex items-center', 'after:border-solid before:border-solid'],\n    },\n    orientation: {\n      vertical: ['w-fit inline-flex'],\n      horizontal: ['w-full'],\n    },\n    writingMode: {\n      'horizontal-tb': [],\n      'vertical-lr': [],\n    },\n    alignment: {\n      start: [],\n      end: [],\n      center: [],\n    },\n    intent: {\n      current: [],\n      outline: [],\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    writingMode: 'horizontal-tb',\n    alignment: 'center',\n    intent: 'outline',\n  },\n  compoundVariants: [\n    {\n      isEmpty: true,\n      orientation: 'horizontal',\n      class: tw(['my-lg border-t-sm']),\n    },\n    {\n      isEmpty: true,\n      orientation: 'vertical',\n      class: tw(['mx-lg min-h-sz-24 border-l-sm']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-row my-sm grow-0', 'before:border-t-sm', 'after:border-t-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:py-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'vertical-lr',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'end',\n      class: tw(['after:w-sz-40 before:grow after:grow-0']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'start',\n      class: tw(['before:w-sz-40 before:grow-0 after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'end',\n      class: tw(['after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'start',\n      class: tw(['before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40']),\n    },\n    ...intentVariants,\n  ],\n})\n\nexport type DividerStylesProps = VariantProps<typeof dividerStyles>\n","import { Separator as BaseSeparator } from '@base-ui/react/separator'\nimport { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { dividerStyles, type DividerStylesProps } from './Divider.styles'\n\nexport interface DividerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Omit<DividerStylesProps, 'isEmpty'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactElement\n  /**\n   * The orientation of the inner content.\n   */\n  alignment?: 'start' | 'end' | 'center'\n  /**\n   * The orientation of the separator.\n   */\n  orientation?: 'vertical' | 'horizontal'\n  /**\n   * When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.\n   */\n  isDecorative?: boolean\n  /**\n   * Color scheme of the divider.\n   */\n  intent?: 'outline' | 'current'\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Divider = ({\n  asChild,\n  className,\n  isDecorative = false,\n  children,\n  orientation = 'horizontal',\n  writingMode = 'horizontal-tb',\n  alignment = 'center',\n  intent = 'outline',\n  ref,\n  role: roleProp,\n  ...props\n}: DividerProps) => {\n  const isEmpty = asChild ? !(children?.props as { children: ReactNode })?.children : !children\n\n  let roleProps: { role: string } | undefined\n  if (isDecorative) {\n    roleProps = { role: 'none' }\n  } else if (roleProp !== undefined) {\n    roleProps = { role: roleProp }\n  }\n\n  const renderSlot = asChild\n    ? // Base UI uses its `render` prop to swap the underlying element.\n      // We rely on Spark's `Slot` to mimic Radix's `asChild` behavior.\n      (slotProps: any) => <Slot {...slotProps} />\n    : undefined\n\n  return (\n    <BaseSeparator\n      data-spark-component=\"divider\"\n      className={cx(\n        dividerStyles({ isEmpty, orientation, alignment, intent, writingMode }),\n        className\n      )}\n      orientation={orientation}\n      ref={ref}\n      {...props}\n      render={renderSlot}\n      {...roleProps}\n      data-writing-mode={writingMode}\n    >\n      {children}\n    </BaseSeparator>\n  )\n}\n\nDivider.displayName = 'Divider'\n","import { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactNode, Ref } from 'react'\n\nexport interface DividerContentProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactNode\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const DividerContent = ({ children, ref, className, ...props }: DividerContentProps) => {\n  return children ? (\n    <span\n      data-spark-component=\"divider-content\"\n      ref={ref}\n      {...props}\n      className={cx('group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]', className)}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nDividerContent.displayName = 'Divider.Content'\n","import { Divider as Root } from './Divider'\nimport { DividerContent } from './DividerContent'\n\nexport { type DividerContentProps } from './DividerContent'\n\nexport const Divider: typeof Root & {\n  Content: typeof DividerContent\n} = Object.assign(Root, {\n  Content: DividerContent,\n})\n\nDivider.displayName = 'Divider'\nDivider.Content.displayName = 'Divider.Content'\n"],"names":["intentVariants","tw","dividerStyles","cva","Divider","asChild","className","isDecorative","children","orientation","writingMode","alignment","intent","ref","roleProp","props","isEmpty","roleProps","renderSlot","slotProps","jsx","Slot","BaseSeparator","cx","DividerContent","Root"],"mappings":"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"}

package/dist/divider/index.mjs

@@ -1,8 +1,9 @@
-import { jsx as s } from "react/jsx-runtime";
-import { cva as w, cx as l } from "class-variance-authority";
-import { Separator as y } from "radix-ui";
+import { jsx as a } from "react/jsx-runtime";
+import { Separator as h } from "@base-ui/react/separator";
+import { cva as E, cx as f } from "class-variance-authority";
+import { S as x } from "../Slot-DLY1rJrG.mjs";
 import { tw as e } from "@spark-ui/internal-utils";
-const v = [
+const D = [
   // current
   {
     intent: "current",
@@ -25,7 +26,7 @@ const v = [
     isEmpty: !1,
     class: e(["before:border-outline after:border-outline"])
   }
-], z = w(["overflow-hidden group"], {
+], N = E(["overflow-hidden group"], {
   variants: {
     isEmpty: {
       true: ["border-solid"],
@@ -120,57 +121,65 @@ const v = [
       alignment: "center",
       class: e(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"])
     },
-    ...v
+    ...D
   ]
-}), m = ({
+}), c = ({
   asChild: t,
   className: o,
   isDecorative: i = !1,
   children: r,
-  orientation: n = "horizontal",
-  writingMode: a = "horizontal-tb",
-  alignment: d = "center",
-  intent: p = "outline",
-  ref: b,
-  ...g
+  orientation: s = "horizontal",
+  writingMode: l = "horizontal-tb",
+  alignment: b = "center",
+  intent: g = "outline",
+  ref: u,
+  role: m,
+  ...w
 }) => {
-  const u = t ? !r?.props?.children : !r;
-  return /* @__PURE__ */ s(
-    y.Root,
+  const y = t ? !r?.props?.children : !r;
+  let n;
+  i ? n = { role: "none" } : m !== void 0 && (n = { role: m });
+  const v = t ? (
+    // Base UI uses its `render` prop to swap the underlying element.
+    // We rely on Spark's `Slot` to mimic Radix's `asChild` behavior.
+    ((z) => /* @__PURE__ */ a(x, { ...z }))
+  ) : void 0;
+  return /* @__PURE__ */ a(
+    h,
     {
       "data-spark-component": "divider",
-      asChild: t,
-      className: l(
-        z({ isEmpty: u, orientation: n, alignment: d, intent: p, writingMode: a }),
+      className: f(
+        N({ isEmpty: y, orientation: s, alignment: b, intent: g, writingMode: l }),
         o
       ),
-      orientation: n,
-      ref: b,
-      decorative: i,
-      ...g,
-      "data-writing-mode": a,
+      orientation: s,
+      ref: u,
+      ...w,
+      render: v,
+      ...n,
+      "data-writing-mode": l,
       children: r
     }
   );
 };
-m.displayName = "Divider";
-const f = ({ children: t, ref: o, className: i, ...r }) => t ? /* @__PURE__ */ s(
+c.displayName = "Divider";
+const d = ({ children: t, ref: o, className: i, ...r }) => t ? /* @__PURE__ */ a(
   "span",
   {
     "data-spark-component": "divider-content",
     ref: o,
     ...r,
-    className: l("group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]", i),
+    className: f("group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]", i),
     children: t
   }
 ) : null;
-f.displayName = "Divider.Content";
-const c = Object.assign(m, {
-  Content: f
+d.displayName = "Divider.Content";
+const p = Object.assign(c, {
+  Content: d
 });
-c.displayName = "Divider";
-c.Content.displayName = "Divider.Content";
+p.displayName = "Divider";
+p.Content.displayName = "Divider.Content";
 export {
-  c as Divider
+  p as Divider
 };
 //# sourceMappingURL=index.mjs.map

package/dist/divider/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/divider/variants/intents.tsx","../../src/divider/Divider.styles.ts","../../src/divider/Divider.tsx","../../src/divider/DividerContent.tsx","../../src/divider/index.ts"],"sourcesContent":["import { tw } from '@spark-ui/internal-utils'\n\nexport const intentVariants = [\n  // current\n  {\n    intent: 'current',\n    isEmpty: true,\n    class: tw(['border-current']),\n  },\n  {\n    intent: 'current',\n    isEmpty: false,\n    class: tw(['before:border-current after:border-current']),\n  },\n  // outline\n  {\n    intent: 'outline',\n    isEmpty: true,\n    class: tw(['border-outline']),\n  },\n  {\n    intent: 'outline',\n    isEmpty: false,\n    class: tw(['before:border-outline after:border-outline']),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nimport { intentVariants } from './variants/intents'\n\nexport const dividerStyles = cva(['overflow-hidden group'], {\n  variants: {\n    isEmpty: {\n      true: ['border-solid'],\n      false: ['inline-flex items-center', 'after:border-solid before:border-solid'],\n    },\n    orientation: {\n      vertical: ['w-fit inline-flex'],\n      horizontal: ['w-full'],\n    },\n    writingMode: {\n      'horizontal-tb': [],\n      'vertical-lr': [],\n    },\n    alignment: {\n      start: [],\n      end: [],\n      center: [],\n    },\n    intent: {\n      current: [],\n      outline: [],\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    writingMode: 'horizontal-tb',\n    alignment: 'center',\n    intent: 'outline',\n  },\n  compoundVariants: [\n    {\n      isEmpty: true,\n      orientation: 'horizontal',\n      class: tw(['my-lg border-t-sm']),\n    },\n    {\n      isEmpty: true,\n      orientation: 'vertical',\n      class: tw(['mx-lg min-h-sz-24 border-l-sm']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-row my-sm grow-0', 'before:border-t-sm', 'after:border-t-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:py-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'vertical-lr',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'end',\n      class: tw(['after:w-sz-40 before:grow after:grow-0']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'start',\n      class: tw(['before:w-sz-40 before:grow-0 after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'end',\n      class: tw(['after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'start',\n      class: tw(['before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40']),\n    },\n    ...intentVariants,\n  ],\n})\n\nexport type DividerStylesProps = VariantProps<typeof dividerStyles>\n","import { cx } from 'class-variance-authority'\nimport { Separator } from 'radix-ui'\nimport { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react'\n\nimport { dividerStyles, type DividerStylesProps } from './Divider.styles'\n\nexport interface DividerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Omit<DividerStylesProps, 'isEmpty'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactElement\n  /**\n   * The orientation of the inner content.\n   */\n  alignment?: 'start' | 'end' | 'center'\n  /**\n   * The orientation of the separator.\n   */\n  orientation?: 'vertical' | 'horizontal'\n  /**\n   * When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.\n   */\n  isDecorative?: boolean\n  /**\n   * Color scheme of the divider.\n   */\n  intent?: 'outline' | 'current'\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Divider = ({\n  asChild,\n  className,\n  isDecorative = false,\n  children,\n  orientation = 'horizontal',\n  writingMode = 'horizontal-tb',\n  alignment = 'center',\n  intent = 'outline',\n  ref,\n  ...props\n}: DividerProps) => {\n  const isEmpty = asChild ? !(children?.props as { children: ReactNode })?.children : !children\n\n  return (\n    <Separator.Root\n      data-spark-component=\"divider\"\n      asChild={asChild}\n      className={cx(\n        dividerStyles({ isEmpty, orientation, alignment, intent, writingMode }),\n        className\n      )}\n      orientation={orientation}\n      ref={ref}\n      decorative={isDecorative}\n      {...props}\n      data-writing-mode={writingMode}\n    >\n      {children}\n    </Separator.Root>\n  )\n}\n\nDivider.displayName = 'Divider'\n","import { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactNode, Ref } from 'react'\n\nexport interface DividerContentProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactNode\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const DividerContent = ({ children, ref, className, ...props }: DividerContentProps) => {\n  return children ? (\n    <span\n      data-spark-component=\"divider-content\"\n      ref={ref}\n      {...props}\n      className={cx('group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]', className)}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nDividerContent.displayName = 'Divider.Content'\n","import { Divider as Root } from './Divider'\nimport { DividerContent } from './DividerContent'\n\nexport { type DividerContentProps } from './DividerContent'\n\nexport const Divider: typeof Root & {\n  Content: typeof DividerContent\n} = Object.assign(Root, {\n  Content: DividerContent,\n})\n\nDivider.displayName = 'Divider'\nDivider.Content.displayName = 'Divider.Content'\n"],"names":["intentVariants","tw","dividerStyles","cva","Divider","asChild","className","isDecorative","children","orientation","writingMode","alignment","intent","ref","props","isEmpty","jsx","Separator","cx","DividerContent","Root"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/divider/variants/intents.tsx","../../src/divider/Divider.styles.ts","../../src/divider/Divider.tsx","../../src/divider/DividerContent.tsx","../../src/divider/index.ts"],"sourcesContent":["import { tw } from '@spark-ui/internal-utils'\n\nexport const intentVariants = [\n  // current\n  {\n    intent: 'current',\n    isEmpty: true,\n    class: tw(['border-current']),\n  },\n  {\n    intent: 'current',\n    isEmpty: false,\n    class: tw(['before:border-current after:border-current']),\n  },\n  // outline\n  {\n    intent: 'outline',\n    isEmpty: true,\n    class: tw(['border-outline']),\n  },\n  {\n    intent: 'outline',\n    isEmpty: false,\n    class: tw(['before:border-outline after:border-outline']),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nimport { intentVariants } from './variants/intents'\n\nexport const dividerStyles = cva(['overflow-hidden group'], {\n  variants: {\n    isEmpty: {\n      true: ['border-solid'],\n      false: ['inline-flex items-center', 'after:border-solid before:border-solid'],\n    },\n    orientation: {\n      vertical: ['w-fit inline-flex'],\n      horizontal: ['w-full'],\n    },\n    writingMode: {\n      'horizontal-tb': [],\n      'vertical-lr': [],\n    },\n    alignment: {\n      start: [],\n      end: [],\n      center: [],\n    },\n    intent: {\n      current: [],\n      outline: [],\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    writingMode: 'horizontal-tb',\n    alignment: 'center',\n    intent: 'outline',\n  },\n  compoundVariants: [\n    {\n      isEmpty: true,\n      orientation: 'horizontal',\n      class: tw(['my-lg border-t-sm']),\n    },\n    {\n      isEmpty: true,\n      orientation: 'vertical',\n      class: tw(['mx-lg min-h-sz-24 border-l-sm']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-row my-sm grow-0', 'before:border-t-sm', 'after:border-t-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'horizontal-tb',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:py-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      writingMode: 'vertical-lr',\n      class: tw(['flex-col mx-sm', 'before:border-l-sm', 'after:border-l-sm', '*:px-lg']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'end',\n      class: tw(['after:w-sz-40 before:grow after:grow-0']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'start',\n      class: tw(['before:w-sz-40 before:grow-0 after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'horizontal',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'end',\n      class: tw(['after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'start',\n      class: tw(['before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40']),\n    },\n    {\n      isEmpty: false,\n      orientation: 'vertical',\n      alignment: 'center',\n      class: tw(['justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40']),\n    },\n    ...intentVariants,\n  ],\n})\n\nexport type DividerStylesProps = VariantProps<typeof dividerStyles>\n","import { Separator as BaseSeparator } from '@base-ui/react/separator'\nimport { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { dividerStyles, type DividerStylesProps } from './Divider.styles'\n\nexport interface DividerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Omit<DividerStylesProps, 'isEmpty'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactElement\n  /**\n   * The orientation of the inner content.\n   */\n  alignment?: 'start' | 'end' | 'center'\n  /**\n   * The orientation of the separator.\n   */\n  orientation?: 'vertical' | 'horizontal'\n  /**\n   * When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.\n   */\n  isDecorative?: boolean\n  /**\n   * Color scheme of the divider.\n   */\n  intent?: 'outline' | 'current'\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Divider = ({\n  asChild,\n  className,\n  isDecorative = false,\n  children,\n  orientation = 'horizontal',\n  writingMode = 'horizontal-tb',\n  alignment = 'center',\n  intent = 'outline',\n  ref,\n  role: roleProp,\n  ...props\n}: DividerProps) => {\n  const isEmpty = asChild ? !(children?.props as { children: ReactNode })?.children : !children\n\n  let roleProps: { role: string } | undefined\n  if (isDecorative) {\n    roleProps = { role: 'none' }\n  } else if (roleProp !== undefined) {\n    roleProps = { role: roleProp }\n  }\n\n  const renderSlot = asChild\n    ? // Base UI uses its `render` prop to swap the underlying element.\n      // We rely on Spark's `Slot` to mimic Radix's `asChild` behavior.\n      (slotProps: any) => <Slot {...slotProps} />\n    : undefined\n\n  return (\n    <BaseSeparator\n      data-spark-component=\"divider\"\n      className={cx(\n        dividerStyles({ isEmpty, orientation, alignment, intent, writingMode }),\n        className\n      )}\n      orientation={orientation}\n      ref={ref}\n      {...props}\n      render={renderSlot}\n      {...roleProps}\n      data-writing-mode={writingMode}\n    >\n      {children}\n    </BaseSeparator>\n  )\n}\n\nDivider.displayName = 'Divider'\n","import { cx } from 'class-variance-authority'\nimport { HTMLAttributes, ReactNode, Ref } from 'react'\n\nexport interface DividerContentProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  children?: ReactNode\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const DividerContent = ({ children, ref, className, ...props }: DividerContentProps) => {\n  return children ? (\n    <span\n      data-spark-component=\"divider-content\"\n      ref={ref}\n      {...props}\n      className={cx('group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]', className)}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nDividerContent.displayName = 'Divider.Content'\n","import { Divider as Root } from './Divider'\nimport { DividerContent } from './DividerContent'\n\nexport { type DividerContentProps } from './DividerContent'\n\nexport const Divider: typeof Root & {\n  Content: typeof DividerContent\n} = Object.assign(Root, {\n  Content: DividerContent,\n})\n\nDivider.displayName = 'Divider'\nDivider.Content.displayName = 'Divider.Content'\n"],"names":["intentVariants","tw","dividerStyles","cva","Divider","asChild","className","isDecorative","children","orientation","writingMode","alignment","intent","ref","roleProp","props","isEmpty","roleProps","renderSlot","slotProps","jsx","Slot","BaseSeparator","cx","DividerContent","Root"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/components",
-  "version": "16.2.1",
+  "version": "16.2.2",
   "license": "MIT",
   "description": "Spark (Leboncoin design system) components.",
   "exports": {
@@ -54,9 +54,9 @@
     "@react-aria/toast": "^3.0.0-beta.18",
     "@react-stately/numberfield": "3.9.11",
     "@react-stately/toast": "^3.0.0-beta.7",
-    "@spark-ui/hooks": "^16.2.1",
-    "@spark-ui/icons": "^16.2.1",
-    "@spark-ui/internal-utils": "^16.2.1",
+    "@spark-ui/hooks": "^16.2.2",
+    "@spark-ui/icons": "^16.2.2",
+    "@spark-ui/internal-utils": "^16.2.2",
     "@zag-js/pagination": "1.30.0",
     "@zag-js/react": "1.30.0",
     "class-variance-authority": "0.7.1",