@spark-ui/divider 7.3.6 → 8.0.0

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.0.0](https://github.com/adevinta/spark/compare/v7.3.7...v8.0.0) (2025-01-13)
+
+### Code Refactoring
+
+- fixing remaining TS errors ([918544c](https://github.com/adevinta/spark/commit/918544c278a370ec82384842cc8f60b59982eb9f))
+
+### BREAKING CHANGES
+
+- forwardRef has been removed from all packages
+
+## [7.3.7](https://github.com/adevinta/spark/compare/v7.3.6...v7.3.7) (2025-01-08)
+
+**Note:** Version bump only for package @spark-ui/divider
+
 ## [7.3.6](https://github.com/adevinta/spark/compare/v7.3.5...v7.3.6) (2025-01-08)
 
 ### Bug Fixes

package/dist/Divider.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes, PropsWithRef, ReactElement } from 'react';
+import { HTMLAttributes, ReactElement, Ref } from 'react';
 import { type DividerStylesProps } from './Divider.styles';
-export interface DividerProps extends PropsWithRef<HTMLAttributes<HTMLDivElement>>, Omit<DividerStylesProps, 'isEmpty'> {
+export interface DividerProps extends HTMLAttributes<HTMLDivElement>, Omit<DividerStylesProps, 'isEmpty'> {
     /**
      * Change the component to the HTML tag or custom component of the only child.
      */
@@ -22,5 +22,9 @@ export interface DividerProps extends PropsWithRef<HTMLAttributes<HTMLDivElement
      * Color scheme of the divider.
      */
     intent?: 'outline' | 'current';
+    ref?: Ref<HTMLDivElement>;
 }
-export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Divider: {
+    ({ asChild, className, isDecorative, children, orientation, alignment, intent, ref, ...props }: DividerProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/DividerContent.d.ts

@@ -1,9 +1,13 @@
-import { HTMLAttributes, PropsWithRef, ReactNode } from 'react';
-export interface DividerContentProps extends PropsWithRef<HTMLAttributes<HTMLSpanElement>> {
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+export 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>;
 }
-export declare const DividerContent: import("react").ForwardRefExoticComponent<DividerContentProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const DividerContent: {
+    ({ children, ref, ...props }: DividerContentProps): import("react").JSX.Element | null;
+    displayName: string;
+};

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),g=require("@radix-ui/react-separator"),l=require("class-variance-authority"),e=require("@spark-ui/internal-utils"),u=[{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"])}],p=l.cva(["overflow-hidden"],{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"]},alignment:{start:[],end:[],center:[]},intent:{current:[],outline:[]}},defaultVariants:{orientation:"horizontal",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",class:e.tw(["flex-row my-sm grow-0","before:border-t-sm","after:border-t-sm","[&>*]:px-lg"])},{isEmpty:!1,orientation:"vertical",class:e.tw(["flex-col mx-sm","before:border-l-sm","after:border-l-sm","[&>*]:py-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"])},...u]}),y=r.forwardRef(({asChild:t,className:n,isDecorative:i=!1,children:o,orientation:s="horizontal",alignment:m="center",intent:f="outline",...d},w)=>{const b=t?!o?.props?.children:!o;return r.createElement(g.Root,{"data-spark-component":"divider",asChild:t,className:l.cx(p({isEmpty:b,orientation:s,alignment:m,intent:f}),n),orientation:s,ref:w,decorative:i,...d},o)}),c=r.forwardRef(({children:t,...n},i)=>t?r.createElement("span",{ref:i,...n},t):null);c.displayName="Divider.Content";const a=Object.assign(y,{Content:c});a.displayName="Divider",a.Content.displayName="Divider.Content",exports.Divider=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),p=require("@radix-ui/react-separator"),l=require("class-variance-authority"),e=require("@spark-ui/internal-utils"),u=[{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"])}],y=l.cva(["overflow-hidden"],{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"]},alignment:{start:[],end:[],center:[]},intent:{current:[],outline:[]}},defaultVariants:{orientation:"horizontal",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",class:e.tw(["flex-row my-sm grow-0","before:border-t-sm","after:border-t-sm","[&>*]:px-lg"])},{isEmpty:!1,orientation:"vertical",class:e.tw(["flex-col mx-sm","before:border-l-sm","after:border-l-sm","[&>*]:py-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"])},...u]}),c=({asChild:t,className:r,isDecorative:n=!1,children:i,orientation:a="horizontal",alignment:f="center",intent:d="outline",ref:b,...w})=>{const g=t?!i?.props?.children:!i;return s.createElement(p.Root,{"data-spark-component":"divider",asChild:t,className:l.cx(y({isEmpty:g,orientation:a,alignment:f,intent:d}),r),orientation:a,ref:b,decorative:n,...w},i)};c.displayName="Divider";const m=({children:t,ref:r,...n})=>t?s.createElement("span",{ref:r,...n},t):null;m.displayName="Divider.Content";const o=Object.assign(c,{Content:m});o.displayName="Divider",o.Content.displayName="Divider.Content",exports.Divider=o;

package/dist/index.mjs

@@ -1,13 +1,15 @@
-import s, { forwardRef as l } from "react";
+import s from "react";
 import { Root as g } from "@radix-ui/react-separator";
 import { cva as y, cx as u } from "class-variance-authority";
 import { tw as e } from "@spark-ui/internal-utils";
-const h = [{ intent: "current", isEmpty: !0, class: e(["border-current"]) }, { intent: "current", isEmpty: !1, class: e(["before:border-current after:border-current"]) }, { intent: "outline", isEmpty: !0, class: e(["border-outline"]) }, { intent: "outline", isEmpty: !1, class: e(["before:border-outline after:border-outline"]) }], w = y(["overflow-hidden"], { 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"] }, alignment: { start: [], end: [], center: [] }, intent: { current: [], outline: [] } }, defaultVariants: { orientation: "horizontal", alignment: "center", intent: "outline" }, compoundVariants: [{ isEmpty: !0, orientation: "horizontal", class: e(["my-lg border-t-sm"]) }, { isEmpty: !0, orientation: "vertical", class: e(["mx-lg min-h-sz-24 border-l-sm"]) }, { isEmpty: !1, orientation: "horizontal", class: e(["flex-row my-sm grow-0", "before:border-t-sm", "after:border-t-sm", "[&>*]:px-lg"]) }, { isEmpty: !1, orientation: "vertical", class: e(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "[&>*]:py-lg"]) }, { isEmpty: !1, orientation: "horizontal", alignment: "end", class: e(["after:w-sz-40 before:grow after:grow-0"]) }, { isEmpty: !1, orientation: "horizontal", alignment: "start", class: e(["before:w-sz-40 before:grow-0 after:grow"]) }, { isEmpty: !1, orientation: "horizontal", alignment: "center", class: e(["justify-center before:grow after:grow"]) }, { isEmpty: !1, orientation: "vertical", alignment: "end", class: e(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"]) }, { isEmpty: !1, orientation: "vertical", alignment: "start", class: e(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"]) }, { isEmpty: !1, orientation: "vertical", alignment: "center", class: e(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"]) }, ...h] }), E = l(({ asChild: t, className: r, isDecorative: n = !1, children: i, orientation: o = "horizontal", alignment: c = "center", intent: f = "outline", ...d }, p) => {
+const h = [{ intent: "current", isEmpty: !0, class: e(["border-current"]) }, { intent: "current", isEmpty: !1, class: e(["before:border-current after:border-current"]) }, { intent: "outline", isEmpty: !0, class: e(["border-outline"]) }, { intent: "outline", isEmpty: !1, class: e(["before:border-outline after:border-outline"]) }], w = y(["overflow-hidden"], { 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"] }, alignment: { start: [], end: [], center: [] }, intent: { current: [], outline: [] } }, defaultVariants: { orientation: "horizontal", alignment: "center", intent: "outline" }, compoundVariants: [{ isEmpty: !0, orientation: "horizontal", class: e(["my-lg border-t-sm"]) }, { isEmpty: !0, orientation: "vertical", class: e(["mx-lg min-h-sz-24 border-l-sm"]) }, { isEmpty: !1, orientation: "horizontal", class: e(["flex-row my-sm grow-0", "before:border-t-sm", "after:border-t-sm", "[&>*]:px-lg"]) }, { isEmpty: !1, orientation: "vertical", class: e(["flex-col mx-sm", "before:border-l-sm", "after:border-l-sm", "[&>*]:py-lg"]) }, { isEmpty: !1, orientation: "horizontal", alignment: "end", class: e(["after:w-sz-40 before:grow after:grow-0"]) }, { isEmpty: !1, orientation: "horizontal", alignment: "start", class: e(["before:w-sz-40 before:grow-0 after:grow"]) }, { isEmpty: !1, orientation: "horizontal", alignment: "center", class: e(["justify-center before:grow after:grow"]) }, { isEmpty: !1, orientation: "vertical", alignment: "end", class: e(["after:h-sz-40 before:grow after:grow-0 before:min-h-sz-40"]) }, { isEmpty: !1, orientation: "vertical", alignment: "start", class: e(["before:h-sz-40 before:grow-0 after:grow after:min-h-sz-40"]) }, { isEmpty: !1, orientation: "vertical", alignment: "center", class: e(["justify-center before:grow after:grow before:min-h-sz-40 after:min-h-sz-40"]) }, ...h] }), l = ({ asChild: t, className: r, isDecorative: n = !1, children: i, orientation: o = "horizontal", alignment: c = "center", intent: f = "outline", ref: d, ...p }) => {
   const b = t ? !i?.props?.children : !i;
-  return s.createElement(g, { "data-spark-component": "divider", asChild: t, className: u(w({ isEmpty: b, orientation: o, alignment: c, intent: f }), r), orientation: o, ref: p, decorative: n, ...d }, i);
-}), m = l(({ children: t, ...r }, n) => t ? s.createElement("span", { ref: n, ...r }, t) : null);
+  return s.createElement(g, { "data-spark-component": "divider", asChild: t, className: u(w({ isEmpty: b, orientation: o, alignment: c, intent: f }), r), orientation: o, ref: d, decorative: n, ...p }, i);
+};
+l.displayName = "Divider";
+const m = ({ children: t, ref: r, ...n }) => t ? s.createElement("span", { ref: r, ...n }, t) : null;
 m.displayName = "Divider.Content";
-const a = Object.assign(E, { Content: m });
+const a = Object.assign(l, { Content: m });
 a.displayName = "Divider", a.Content.displayName = "Divider.Content";
 export {
   a as Divider

package/dist/public/docgen.json

@@ -129,6 +129,25 @@
             }
           ]
         }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "",
+        "name": "ref",
+        "parent": {
+          "fileName": "divider/src/Divider.tsx",
+          "name": "DividerProps"
+        },
+        "declarations": [
+          {
+            "fileName": "divider/src/Divider.tsx",
+            "name": "DividerProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLDivElement>"
+        }
       }
     }
   },
@@ -156,6 +175,25 @@
         "type": {
           "name": "boolean"
         }
+      },
+      "ref": {
+        "defaultValue": null,
+        "description": "",
+        "name": "ref",
+        "parent": {
+          "fileName": "divider/src/DividerContent.tsx",
+          "name": "DividerContentProps"
+        },
+        "declarations": [
+          {
+            "fileName": "divider/src/DividerContent.tsx",
+            "name": "DividerContentProps"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "Ref<HTMLSpanElement>"
+        }
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/divider",
-  "version": "7.3.6",
+  "version": "8.0.0",
   "description": "A separator between two elements, usually consisting of a horizontal line.",
   "publishConfig": {
     "access": "public"
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@radix-ui/react-separator": "1.1.0",
-    "@spark-ui/internal-utils": "^7.3.6"
+    "@spark-ui/internal-utils": "^8.0.0"
   },
   "peerDependencies": {
     "react": "^19.0",
@@ -45,5 +45,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "969983868f32c57cf6d6ffc838de66b51fa4163d"
+  "gitHead": "309903aa55f44ebd43d2a1fe43691f110a5036ea"
 }