@spark-ui/components 13.1.2 → 13.1.4

package/dist/divider/index.d.ts

@@ -1,6 +1,61 @@
-import { Divider as Root } from './Divider';
-import { DividerContent } from './DividerContent';
-export { type DividerContentProps } from './DividerContent';
-export declare const Divider: typeof Root & {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes, ReactElement, Ref, ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const dividerStyles: (props?: ({
+    isEmpty?: boolean | null | undefined;
+    orientation?: "vertical" | "horizontal" | null | undefined;
+    writingMode?: "horizontal-tb" | "vertical-lr" | null | undefined;
+    alignment?: "start" | "end" | "center" | null | undefined;
+    intent?: "current" | "outline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type DividerStylesProps = VariantProps<typeof dividerStyles>;
+
+interface DividerProps extends HTMLAttributes<HTMLDivElement>, Omit<DividerStylesProps, 'isEmpty'> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    children?: ReactElement;
+    /**
+     * The orientation of the inner content.
+     */
+    alignment?: 'start' | 'end' | 'center';
+    /**
+     * The orientation of the separator.
+     */
+    orientation?: 'vertical' | 'horizontal';
+    /**
+     * When true, signifies that it is purely visual, carries no semantic meaning, and ensures it is not present in the accessibility tree.
+     */
+    isDecorative?: boolean;
+    /**
+     * Color scheme of the divider.
+     */
+    intent?: 'outline' | 'current';
+    ref?: Ref<HTMLDivElement>;
+}
+declare const Divider$1: {
+    ({ asChild, className, isDecorative, children, orientation, writingMode, alignment, intent, ref, ...props }: DividerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface DividerContentProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    children?: ReactNode;
+    ref?: Ref<HTMLSpanElement>;
+}
+declare const DividerContent: {
+    ({ children, ref, className, ...props }: DividerContentProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
+
+declare const Divider: typeof Divider$1 & {
     Content: typeof DividerContent;
 };
+
+export { Divider, type DividerContentProps };

package/dist/divider/index.js

@@ -1,2 +1,224 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("../index-DnaHaH_0.js"),e=require("@spark-ui/internal-utils"),y=require("react"),z=require("../index-ChLwd62c.js");function E(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const r=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(o,i,r.get?r:{enumerable:!0,get:()=>t[i]})}}return o.default=t,Object.freeze(o)}const h=E(y);var x="Separator",m="horizontal",O=["horizontal","vertical"],u=h.forwardRef((t,o)=>{const{decorative:i,orientation:r=m,...a}=t,n=N(r)?r:m,s=i?{role:"none"}:{"aria-orientation":n==="vertical"?n:void 0,role:"separator"};return l.jsx(z.Primitive.div,{"data-orientation":n,...s,...a,ref:o})});u.displayName=x;function N(t){return O.includes(t)}var j=u;const D=[{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"])}],S=c.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"])},...D]}),p=({asChild:t,className:o,isDecorative:i=!1,children:r,orientation:a="horizontal",writingMode:n="horizontal-tb",alignment:f="center",intent:s="outline",ref:g,...w})=>{const v=t?!r?.props?.children:!r;return l.jsx(j,{"data-spark-component":"divider",asChild:t,className:c.cx(S({isEmpty:v,orientation:a,alignment:f,intent:s,writingMode:n}),o),orientation:a,ref:g,decorative:i,...w,"data-writing-mode":n,children:r})};p.displayName="Divider";const b=({children:t,ref:o,className:i,...r})=>t?l.jsx("span",{"data-spark-component":"divider-content",ref:o,...r,className:c.cx("group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]",i),children:t}):null;b.displayName="Divider.Content";const d=Object.assign(p,{Content:b});d.displayName="Divider";d.Content.displayName="Divider.Content";exports.Divider=d;
-//# sourceMappingURL=index.js.map
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/divider/index.ts
+var divider_exports = {};
+__export(divider_exports, {
+  Divider: () => Divider2
+});
+module.exports = __toCommonJS(divider_exports);
+
+// src/divider/Divider.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_radix_ui = require("radix-ui");
+
+// src/divider/Divider.styles.ts
+var import_internal_utils2 = require("@spark-ui/internal-utils");
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/divider/variants/intents.tsx
+var import_internal_utils = require("@spark-ui/internal-utils");
+var intentVariants = [
+  // current
+  {
+    intent: "current",
+    isEmpty: true,
+    class: (0, import_internal_utils.tw)(["border-current"])
+  },
+  {
+    intent: "current",
+    isEmpty: false,
+    class: (0, import_internal_utils.tw)(["before:border-current after:border-current"])
+  },
+  // outline
+  {
+    intent: "outline",
+    isEmpty: true,
+    class: (0, import_internal_utils.tw)(["border-outline"])
+  },
+  {
+    intent: "outline",
+    isEmpty: false,
+    class: (0, import_internal_utils.tw)(["before:border-outline after:border-outline"])
+  }
+];
+
+// src/divider/Divider.styles.ts
+var dividerStyles = (0, import_class_variance_authority.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: true,
+      orientation: "horizontal",
+      class: (0, import_internal_utils2.tw)(["my-lg border-t-sm"])
+    },
+    {
+      isEmpty: true,
+      orientation: "vertical",
+      class: (0, import_internal_utils2.tw)(["mx-lg min-h-sz-24 border-l-sm"])
+    },
+    {
+      isEmpty: false,
+      orientation: "horizontal",
+      writingMode: "horizontal-tb",
+      class: (0, import_internal_utils2.tw)(["flex-row my-sm grow-0", "before:border-t-sm", "after:border-t-sm", "*:px-lg"])
+    },
+    {
+      isEmpty: false,
+      orientation: "vertical",
+      writingMode: "horizontal-tb",
+      class: (0, import_internal_utils2.tw)(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "*:py-lg"])
+    },
+    {
+      isEmpty: false,
+      orientation: "vertical",
+      writingMode: "vertical-lr",
+      class: (0, import_internal_utils2.tw)(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "*:px-lg"])
+    },
+    {
+      isEmpty: false,
+      orientation: "horizontal",
+      alignment: "end",
+      class: (0, import_internal_utils2.tw)(["after:w-sz-40 before:grow after:grow-0"])
+    },
+    {
+      isEmpty: false,
+      orientation: "horizontal",
+      alignment: "start",
+      class: (0, import_internal_utils2.tw)(["before:w-sz-40 before:grow-0 after:grow"])
+    },
+    {
+      isEmpty: false,
+      orientation: "horizontal",
+      alignment: "center",
+      class: (0, import_internal_utils2.tw)(["justify-center before:grow after:grow"])
+    },
+    {
+      isEmpty: false,
+      orientation: "vertical",
+      alignment: "end",
+      class: (0, import_internal_utils2.tw)(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"])
+    },
+    {
+      isEmpty: false,
+      orientation: "vertical",
+      alignment: "start",
+      class: (0, import_internal_utils2.tw)(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"])
+    },
+    {
+      isEmpty: false,
+      orientation: "vertical",
+      alignment: "center",
+      class: (0, import_internal_utils2.tw)(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"])
+    },
+    ...intentVariants
+  ]
+});
+
+// src/divider/Divider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Divider = ({
+  asChild,
+  className,
+  isDecorative = false,
+  children,
+  orientation = "horizontal",
+  writingMode = "horizontal-tb",
+  alignment = "center",
+  intent = "outline",
+  ref,
+  ...props
+}) => {
+  const isEmpty = asChild ? !children?.props?.children : !children;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.Separator.Root,
+    {
+      "data-spark-component": "divider",
+      asChild,
+      className: (0, import_class_variance_authority2.cx)(
+        dividerStyles({ isEmpty, orientation, alignment, intent, writingMode }),
+        className
+      ),
+      orientation,
+      ref,
+      decorative: isDecorative,
+      ...props,
+      "data-writing-mode": writingMode,
+      children
+    }
+  );
+};
+Divider.displayName = "Divider";
+
+// src/divider/DividerContent.tsx
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DividerContent = ({ children, ref, className, ...props }) => {
+  return children ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "span",
+    {
+      "data-spark-component": "divider-content",
+      ref,
+      ...props,
+      className: (0, import_class_variance_authority3.cx)("group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]", className),
+      children
+    }
+  ) : null;
+};
+DividerContent.displayName = "Divider.Content";
+
+// src/divider/index.ts
+var Divider2 = Object.assign(Divider, {
+  Content: DividerContent
+});
+Divider2.displayName = "Divider";
+Divider2.Content.displayName = "Divider.Content";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Divider
+});
+//# sourceMappingURL=index.js.map

package/dist/divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../node_modules/@radix-ui/react-separator/dist/index.mjs","../../src/divider/variants/intents.tsx","../../src/divider/Divider.styles.ts","../../src/divider/Divider.tsx","../../src/divider/DividerContent.tsx","../../src/divider/index.ts"],"sourcesContent":["// src/separator.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Separator\";\nvar DEFAULT_ORIENTATION = \"horizontal\";\nvar ORIENTATIONS = [\"horizontal\", \"vertical\"];\nvar Separator = React.forwardRef((props, forwardedRef) => {\n  const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props;\n  const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;\n  const ariaOrientation = orientation === \"vertical\" ? orientation : void 0;\n  const semanticProps = decorative ? { role: \"none\" } : { \"aria-orientation\": ariaOrientation, role: \"separator\" };\n  return /* @__PURE__ */ jsx(\n    Primitive.div,\n    {\n      \"data-orientation\": orientation,\n      ...semanticProps,\n      ...domProps,\n      ref: forwardedRef\n    }\n  );\n});\nSeparator.displayName = NAME;\nfunction isValidOrientation(orientation) {\n  return ORIENTATIONS.includes(orientation);\n}\nvar Root = Separator;\nexport {\n  Root,\n  Separator\n};\n//# sourceMappingURL=index.mjs.map\n","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":["NAME","DEFAULT_ORIENTATION","ORIENTATIONS","Separator","React","props","forwardedRef","decorative","orientationProp","domProps","orientation","isValidOrientation","semanticProps","jsx","Primitive","Root","intentVariants","tw","dividerStyles","cva","Divider","asChild","className","isDecorative","children","writingMode","alignment","intent","ref","isEmpty","Separator.Root","cx","DividerContent"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"sources":["../../src/divider/index.ts","../../src/divider/Divider.tsx","../../src/divider/Divider.styles.ts","../../src/divider/variants/intents.tsx","../../src/divider/DividerContent.tsx"],"sourcesContent":["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","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 { 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 { 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 { 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"],"mappings":"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","names":["Divider","import_class_variance_authority","import_internal_utils","import_class_variance_authority","import_jsx_runtime","Divider"]}

package/dist/divider/index.mjs

@@ -1,49 +1,40 @@
-import { jsx as l } from "react/jsx-runtime";
-import { c as y, a as f } from "../index-BmAFn37q.mjs";
-import { tw as t } from "@spark-ui/internal-utils";
-import * as z from "react";
-import { P as E } from "../index-MSR-vgWR.mjs";
-var h = "Separator", c = "horizontal", x = ["horizontal", "vertical"], d = z.forwardRef((r, i) => {
-  const { decorative: n, orientation: e = c, ...a } = r, o = N(e) ? e : c, s = n ? { role: "none" } : { "aria-orientation": o === "vertical" ? o : void 0, role: "separator" };
-  return /* @__PURE__ */ l(
-    E.div,
-    {
-      "data-orientation": o,
-      ...s,
-      ...a,
-      ref: i
-    }
-  );
-});
-d.displayName = h;
-function N(r) {
-  return x.includes(r);
-}
-var D = d;
-const O = [
+// src/divider/Divider.tsx
+import { cx } from "class-variance-authority";
+import { Separator } from "radix-ui";
+
+// src/divider/Divider.styles.ts
+import { tw as tw2 } from "@spark-ui/internal-utils";
+import { cva } from "class-variance-authority";
+
+// src/divider/variants/intents.tsx
+import { tw } from "@spark-ui/internal-utils";
+var intentVariants = [
   // current
   {
     intent: "current",
-    isEmpty: !0,
-    class: t(["border-current"])
+    isEmpty: true,
+    class: tw(["border-current"])
   },
   {
     intent: "current",
-    isEmpty: !1,
-    class: t(["before:border-current after:border-current"])
+    isEmpty: false,
+    class: tw(["before:border-current after:border-current"])
   },
   // outline
   {
     intent: "outline",
-    isEmpty: !0,
-    class: t(["border-outline"])
+    isEmpty: true,
+    class: tw(["border-outline"])
   },
   {
     intent: "outline",
-    isEmpty: !1,
-    class: t(["before:border-outline after:border-outline"])
+    isEmpty: false,
+    class: tw(["before:border-outline after:border-outline"])
   }
-], M = y(["overflow-hidden group"], {
+];
+
+// src/divider/Divider.styles.ts
+var dividerStyles = cva(["overflow-hidden group"], {
   variants: {
     isEmpty: {
       true: ["border-solid"],
@@ -75,120 +66,132 @@ const O = [
   },
   compoundVariants: [
     {
-      isEmpty: !0,
+      isEmpty: true,
       orientation: "horizontal",
-      class: t(["my-lg border-t-sm"])
+      class: tw2(["my-lg border-t-sm"])
     },
     {
-      isEmpty: !0,
+      isEmpty: true,
       orientation: "vertical",
-      class: t(["mx-lg min-h-sz-24 border-l-sm"])
+      class: tw2(["mx-lg min-h-sz-24 border-l-sm"])
     },
     {
-      isEmpty: !1,
+      isEmpty: false,
       orientation: "horizontal",
       writingMode: "horizontal-tb",
-      class: t(["flex-row my-sm grow-0", "before:border-t-sm", "after:border-t-sm", "*:px-lg"])
+      class: tw2(["flex-row my-sm grow-0", "before:border-t-sm", "after:border-t-sm", "*:px-lg"])
     },
     {
-      isEmpty: !1,
+      isEmpty: false,
       orientation: "vertical",
       writingMode: "horizontal-tb",
-      class: t(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "*:py-lg"])
+      class: tw2(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "*:py-lg"])
     },
     {
-      isEmpty: !1,
+      isEmpty: false,
       orientation: "vertical",
       writingMode: "vertical-lr",
-      class: t(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "*:px-lg"])
+      class: tw2(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "*:px-lg"])
     },
     {
-      isEmpty: !1,
+      isEmpty: false,
       orientation: "horizontal",
       alignment: "end",
-      class: t(["after:w-sz-40 before:grow after:grow-0"])
+      class: tw2(["after:w-sz-40 before:grow after:grow-0"])
     },
     {
-      isEmpty: !1,
+      isEmpty: false,
       orientation: "horizontal",
       alignment: "start",
-      class: t(["before:w-sz-40 before:grow-0 after:grow"])
+      class: tw2(["before:w-sz-40 before:grow-0 after:grow"])
     },
     {
-      isEmpty: !1,
+      isEmpty: false,
       orientation: "horizontal",
       alignment: "center",
-      class: t(["justify-center before:grow after:grow"])
+      class: tw2(["justify-center before:grow after:grow"])
     },
     {
-      isEmpty: !1,
+      isEmpty: false,
       orientation: "vertical",
       alignment: "end",
-      class: t(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"])
+      class: tw2(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"])
     },
     {
-      isEmpty: !1,
+      isEmpty: false,
       orientation: "vertical",
       alignment: "start",
-      class: t(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"])
+      class: tw2(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"])
     },
     {
-      isEmpty: !1,
+      isEmpty: false,
       orientation: "vertical",
       alignment: "center",
-      class: t(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"])
+      class: tw2(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"])
     },
-    ...O
+    ...intentVariants
   ]
-}), p = ({
-  asChild: r,
-  className: i,
-  isDecorative: n = !1,
-  children: e,
-  orientation: a = "horizontal",
-  writingMode: o = "horizontal-tb",
-  alignment: m = "center",
-  intent: s = "outline",
-  ref: v,
-  ...u
+});
+
+// src/divider/Divider.tsx
+import { jsx } from "react/jsx-runtime";
+var Divider = ({
+  asChild,
+  className,
+  isDecorative = false,
+  children,
+  orientation = "horizontal",
+  writingMode = "horizontal-tb",
+  alignment = "center",
+  intent = "outline",
+  ref,
+  ...props
 }) => {
-  const w = r ? !e?.props?.children : !e;
-  return /* @__PURE__ */ l(
-    D,
+  const isEmpty = asChild ? !children?.props?.children : !children;
+  return /* @__PURE__ */ jsx(
+    Separator.Root,
     {
       "data-spark-component": "divider",
-      asChild: r,
-      className: f(
-        M({ isEmpty: w, orientation: a, alignment: m, intent: s, writingMode: o }),
-        i
+      asChild,
+      className: cx(
+        dividerStyles({ isEmpty, orientation, alignment, intent, writingMode }),
+        className
       ),
-      orientation: a,
-      ref: v,
-      decorative: n,
-      ...u,
-      "data-writing-mode": o,
-      children: e
+      orientation,
+      ref,
+      decorative: isDecorative,
+      ...props,
+      "data-writing-mode": writingMode,
+      children
     }
   );
 };
-p.displayName = "Divider";
-const b = ({ children: r, ref: i, className: n, ...e }) => r ? /* @__PURE__ */ l(
-  "span",
-  {
-    "data-spark-component": "divider-content",
-    ref: i,
-    ...e,
-    className: f("group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]", n),
-    children: r
-  }
-) : null;
-b.displayName = "Divider.Content";
-const g = Object.assign(p, {
-  Content: b
+Divider.displayName = "Divider";
+
+// src/divider/DividerContent.tsx
+import { cx as cx2 } from "class-variance-authority";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DividerContent = ({ children, ref, className, ...props }) => {
+  return children ? /* @__PURE__ */ jsx2(
+    "span",
+    {
+      "data-spark-component": "divider-content",
+      ref,
+      ...props,
+      className: cx2("group-data-[writing-mode=vertical-lr]:[writing-mode:vertical-lr]", className),
+      children
+    }
+  ) : null;
+};
+DividerContent.displayName = "Divider.Content";
+
+// src/divider/index.ts
+var Divider2 = Object.assign(Divider, {
+  Content: DividerContent
 });
-g.displayName = "Divider";
-g.Content.displayName = "Divider.Content";
+Divider2.displayName = "Divider";
+Divider2.Content.displayName = "Divider.Content";
 export {
-  g as Divider
+  Divider2 as Divider
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map