@nordcom/nordstar-separator 0.0.75

package/LICENSE

@@ -0,0 +1,23 @@
+MIT License
+
+Copyright (c) 2023-2026 Filiph Sandström <filfat@hotmail.se>
+Copyright (c) 2023-2024 Nordcom AB <opensource@nordcom.io>
+Copyright (c) 2020 Junior Garcia (Next UI)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,12 @@
+# [@nordcom/nordstar-separator](https://nordcominc.github.io/nordstar/docs/components/separator/?utm_source=nordstar&utm_campaign=oss)
+
+A thin rule that divides content visually or semantically.
+
+## Installation
+
+> [!TIP]
+> This is an internal package and should probably not be installed by itself, but rather come as a dependency of `@nordcom/nordstar`.
+
+```sh
+npm install @nordcom/nordstar-separator
+```

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Separator } from './separator';
+export type { SeparatorProps } from './separator';
+export { Separator };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+import Separator from "./separator.js";
+export { Separator };

package/dist/separator.d.ts

@@ -0,0 +1,35 @@
+import { As, InternalForwardRefRenderFunction } from '../../../core/system';
+export type SeparatorProps = {
+    as?: As;
+    /** Visual and semantic axis of the rule. Defaults to `'horizontal'`. */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * When `true` (default) the rule is purely visual and removed from the accessibility
+     * tree (`role="none"`). Set to `false` when the divider conveys a real grouping
+     * boundary that assistive tech should announce (`role="separator"`).
+     */
+    decorative?: boolean;
+};
+/**
+ * `<Separator/>`, a thin rule dividing content along one axis.
+ *
+ * Hand-rolled (no Radix dependency): the separator is a single element that mirrors the
+ * decorative-vs-semantic distinction the WAI-ARIA `separator` role makes. A decorative
+ * separator is hidden from assistive tech; a non-decorative one is announced with an
+ * explicit `aria-orientation` so screen-reader users perceive the grouping the line implies.
+ *
+ * @param {object} props - `<Separator/>` props.
+ * @param {As} [props.as='div'] - The element to render the component as.
+ * @param {'horizontal' | 'vertical'} [props.orientation='horizontal'] - The axis of the rule.
+ * @param {boolean} [props.decorative=true] - Hide the rule from the accessibility tree.
+ * @returns {React.ReactNode} The `<Separator/>` component.
+ *
+ * @example
+ * ```tsx
+ * <Separator />
+ * <Separator orientation="vertical" decorative={false} />
+ * ```
+ */
+declare const Separator: InternalForwardRefRenderFunction<"div", SeparatorProps, never>;
+export default Separator;
+//# sourceMappingURL=separator.d.ts.map

package/dist/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../src/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,0BAA0B,CAAC;AAGnD,MAAM,MAAM,cAAc,GAAG;IACzB,EAAE,CAAC,EAAE,EAAE,CAAC;IAER,wEAAwE;IACxE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,SAAS,mGAgBd,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/dist/separator.js

@@ -0,0 +1,40 @@
+import { cn, forwardRef } from "@nordcom/nordstar-system";
+import { jsx } from "react/jsx-runtime";
+//#region src/separator.tsx
+/**
+* `<Separator/>`, a thin rule dividing content along one axis.
+*
+* Hand-rolled (no Radix dependency): the separator is a single element that mirrors the
+* decorative-vs-semantic distinction the WAI-ARIA `separator` role makes. A decorative
+* separator is hidden from assistive tech; a non-decorative one is announced with an
+* explicit `aria-orientation` so screen-reader users perceive the grouping the line implies.
+*
+* @param {object} props - `<Separator/>` props.
+* @param {As} [props.as='div'] - The element to render the component as.
+* @param {'horizontal' | 'vertical'} [props.orientation='horizontal'] - The axis of the rule.
+* @param {boolean} [props.decorative=true] - Hide the rule from the accessibility tree.
+* @returns {React.ReactNode} The `<Separator/>` component.
+*
+* @example
+* ```tsx
+* <Separator />
+* <Separator orientation="vertical" decorative={false} />
+* ```
+*/
+var Separator = forwardRef(({ as: Tag = "div", orientation = "horizontal", decorative = true, className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Tag, {
+		"data-orientation": orientation,
+		ref,
+		...decorative ? { role: "none" } : {
+			"aria-orientation": orientation,
+			role: "separator"
+		},
+		className: cn("shrink-0 border-0 bg-foreground-highlight", orientation === "horizontal" ? "h-px w-full" : "h-full w-px self-stretch", className),
+		...props
+	});
+});
+Separator.displayName = "Nordstar.Separator";
+//#endregion
+export { Separator as default };
+
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VwYXJhdG9yLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uL3NyYy9zZXBhcmF0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQXMgfSBmcm9tICdAbm9yZGNvbS9ub3Jkc3Rhci1zeXN0ZW0nO1xuaW1wb3J0IHsgY24sIGZvcndhcmRSZWYgfSBmcm9tICdAbm9yZGNvbS9ub3Jkc3Rhci1zeXN0ZW0nO1xuXG5leHBvcnQgdHlwZSBTZXBhcmF0b3JQcm9wcyA9IHtcbiAgICBhcz86IEFzO1xuXG4gICAgLyoqIFZpc3VhbCBhbmQgc2VtYW50aWMgYXhpcyBvZiB0aGUgcnVsZS4gRGVmYXVsdHMgdG8gYCdob3Jpem9udGFsJ2AuICovXG4gICAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnO1xuXG4gICAgLyoqXG4gICAgICogV2hlbiBgdHJ1ZWAgKGRlZmF1bHQpIHRoZSBydWxlIGlzIHB1cmVseSB2aXN1YWwgYW5kIHJlbW92ZWQgZnJvbSB0aGUgYWNjZXNzaWJpbGl0eVxuICAgICAqIHRyZWUgKGByb2xlPVwibm9uZVwiYCkuIFNldCB0byBgZmFsc2VgIHdoZW4gdGhlIGRpdmlkZXIgY29udmV5cyBhIHJlYWwgZ3JvdXBpbmdcbiAgICAgKiBib3VuZGFyeSB0aGF0IGFzc2lzdGl2ZSB0ZWNoIHNob3VsZCBhbm5vdW5jZSAoYHJvbGU9XCJzZXBhcmF0b3JcImApLlxuICAgICAqL1xuICAgIGRlY29yYXRpdmU/OiBib29sZWFuO1xufTtcblxuLyoqXG4gKiBgPFNlcGFyYXRvci8+YCwgYSB0aGluIHJ1bGUgZGl2aWRpbmcgY29udGVudCBhbG9uZyBvbmUgYXhpcy5cbiAqXG4gKiBIYW5kLXJvbGxlZCAobm8gUmFkaXggZGVwZW5kZW5jeSk6IHRoZSBzZXBhcmF0b3IgaXMgYSBzaW5nbGUgZWxlbWVudCB0aGF0IG1pcnJvcnMgdGhlXG4gKiBkZWNvcmF0aXZlLXZzLXNlbWFudGljIGRpc3RpbmN0aW9uIHRoZSBXQUktQVJJQSBgc2VwYXJhdG9yYCByb2xlIG1ha2VzLiBBIGRlY29yYXRpdmVcbiAqIHNlcGFyYXRvciBpcyBoaWRkZW4gZnJvbSBhc3Npc3RpdmUgdGVjaDsgYSBub24tZGVjb3JhdGl2ZSBvbmUgaXMgYW5ub3VuY2VkIHdpdGggYW5cbiAqIGV4cGxpY2l0IGBhcmlhLW9yaWVudGF0aW9uYCBzbyBzY3JlZW4tcmVhZGVyIHVzZXJzIHBlcmNlaXZlIHRoZSBncm91cGluZyB0aGUgbGluZSBpbXBsaWVzLlxuICpcbiAqIEBwYXJhbSB7b2JqZWN0fSBwcm9wcyAtIGA8U2VwYXJhdG9yLz5gIHByb3BzLlxuICogQHBhcmFtIHtBc30gW3Byb3BzLmFzPSdkaXYnXSAtIFRoZSBlbGVtZW50IHRvIHJlbmRlciB0aGUgY29tcG9uZW50IGFzLlxuICogQHBhcmFtIHsnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnfSBbcHJvcHMub3JpZW50YXRpb249J2hvcml6b250YWwnXSAtIFRoZSBheGlzIG9mIHRoZSBydWxlLlxuICogQHBhcmFtIHtib29sZWFufSBbcHJvcHMuZGVjb3JhdGl2ZT10cnVlXSAtIEhpZGUgdGhlIHJ1bGUgZnJvbSB0aGUgYWNjZXNzaWJpbGl0eSB0cmVlLlxuICogQHJldHVybnMge1JlYWN0LlJlYWN0Tm9kZX0gVGhlIGA8U2VwYXJhdG9yLz5gIGNvbXBvbmVudC5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgdHN4XG4gKiA8U2VwYXJhdG9yIC8+XG4gKiA8U2VwYXJhdG9yIG9yaWVudGF0aW9uPVwidmVydGljYWxcIiBkZWNvcmF0aXZlPXtmYWxzZX0gLz5cbiAqIGBgYFxuICovXG5jb25zdCBTZXBhcmF0b3IgPSBmb3J3YXJkUmVmPCdkaXYnLCBTZXBhcmF0b3JQcm9wcz4oXG4gICAgKHsgYXM6IFRhZyA9ICdkaXYnLCBvcmllbnRhdGlvbiA9ICdob3Jpem9udGFsJywgZGVjb3JhdGl2ZSA9IHRydWUsIGNsYXNzTmFtZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8VGFnXG4gICAgICAgICAgICAgICAgZGF0YS1vcmllbnRhdGlvbj17b3JpZW50YXRpb259XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgey4uLihkZWNvcmF0aXZlID8geyByb2xlOiAnbm9uZScgfSA6IHsgJ2FyaWEtb3JpZW50YXRpb24nOiBvcmllbnRhdGlvbiwgcm9sZTogJ3NlcGFyYXRvcicgfSl9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgICAgICAgICAgICAgJ3Nocmluay0wIGJvcmRlci0wIGJnLWZvcmVncm91bmQtaGlnaGxpZ2h0JyxcbiAgICAgICAgICAgICAgICAgICAgb3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyA/ICdoLXB4IHctZnVsbCcgOiAnaC1mdWxsIHctcHggc2VsZi1zdHJldGNoJyxcbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgKTtcbiAgICB9LFxuKTtcblxuU2VwYXJhdG9yLmRpc3BsYXlOYW1lID0gJ05vcmRzdGFyLlNlcGFyYXRvcic7XG5cbmV4cG9ydCBkZWZhdWx0IFNlcGFyYXRvcjtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFxQ0EsSUFBTSxZQUFZLFlBQ2IsRUFBRSxJQUFJLE1BQU0sT0FBTyxjQUFjLGNBQWMsYUFBYSxNQUFNLFdBQVcsR0FBRyxTQUFTLFFBQVE7Q0FDOUYsT0FDSSxvQkFBQyxLQUFEO0VBQ0ksb0JBQWtCO0VBQ2I7RUFDTCxHQUFLLGFBQWEsRUFBRSxNQUFNLE9BQU8sSUFBSTtHQUFFLG9CQUFvQjtHQUFhLE1BQU07RUFBWTtFQUMxRixXQUFXLEdBQ1AsNkNBQ0EsZ0JBQWdCLGVBQWUsZ0JBQWdCLDRCQUMvQyxTQUNKO0VBQ0EsR0FBSTtDQUNQLENBQUE7QUFFVCxDQUNKO0FBRUEsVUFBVSxjQUFjIn0=

package/package.json

@@ -0,0 +1,80 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@nordcom/nordstar-separator",
+  "type": "module",
+  "version": "0.0.75",
+  "description": "A thin rule that divides content visually or semantically.",
+  "files": [
+    "dist",
+    "CHANGELOG.md",
+    "README.md"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "keywords": [
+    "nordstar",
+    "nordcom",
+    "component",
+    "react",
+    "separator",
+    "divider",
+    "nordstar-separator"
+  ],
+  "author": {
+    "name": "Filiph Sandström",
+    "email": "filfat@hotmail.se",
+    "url": "https://github.com/filiphsps/"
+  },
+  "contributors": [
+    {
+      "name": "Filiph Sandström",
+      "email": "filfat@hotmail.se",
+      "url": "https://github.com/filiphsps/"
+    }
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NordcomInc/nordstar.git",
+    "directory": "packages/components/separator"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/NordcomInc/nordstar/issues"
+  },
+  "homepage": "https://nordcominc.github.io/nordstar/docs/components/separator/",
+  "dependencies": {
+    "@nordcom/nordstar-system": "0.0.75"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "devDependencies": {
+    "@types/node": "25.9.3",
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "typescript": "6.0.3",
+    "vite": "8.0.16",
+    "vite-plugin-dts": "5.0.2"
+  },
+  "scripts": {
+    "build": "tsc && vite build",
+    "dev": "vite build --watch",
+    "clean": "rm -rf dist coverage .turbo .next *.tsbuildinfo *.log",
+    "typecheck": "tsc --noEmit"
+  }
+}