@plexui/ui 0.8.0 → 0.9.0

package/dist/es/components/Separator/Separator.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import {} from "react";
+import { Separator as RadixSeparator } from "radix-ui";
+import s from "./Separator.module.css";
+export const Separator = ({ orientation = "horizontal", decorative = true, className, ...restProps }) => {
+    return (_jsx(RadixSeparator.Root, { orientation: orientation, decorative: decorative, className: clsx(s.Separator, className), ...restProps }));
+};
+//# sourceMappingURL=Separator.js.map

package/dist/es/components/Separator/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAuB,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,CAAC,MAAM,wBAAwB,CAAA;AAqBtC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,WAAW,GAAG,YAAY,EAC1B,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,GAAG,SAAS,EACG,EAAE,EAAE;IACnB,OAAO,CACL,KAAC,cAAc,CAAC,IAAI,IAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,KACnC,SAAS,GACb,CACH,CAAA;AACH,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { type ComponentProps } from \"react\"\nimport { Separator as RadixSeparator } from \"radix-ui\"\nimport s from \"./Separator.module.css\"\n\nexport type SeparatorProps = Omit<\n  ComponentProps<typeof RadixSeparator.Root>,\n  \"children\"\n> & {\n  /**\n   * Direction of the separator.\n   * @default horizontal\n   */\n  orientation?: \"horizontal\" | \"vertical\"\n  /**\n   * When `true`, the separator is ignored by assistive technologies.\n   * Leave `true` for purely visual dividers; set `false` when the separator\n   * conveys meaningful grouping (it will render with `role=\"separator\"`).\n   * @default true\n   */\n  decorative?: boolean\n  className?: string\n}\n\nexport const Separator = ({\n  orientation = \"horizontal\",\n  decorative = true,\n  className,\n  ...restProps\n}: SeparatorProps) => {\n  return (\n    <RadixSeparator.Root\n      orientation={orientation}\n      decorative={decorative}\n      className={clsx(s.Separator, className)}\n      {...restProps}\n    />\n  )\n}\n"]}

package/dist/es/components/Separator/Separator.module.css

@@ -0,0 +1,16 @@
+@layer components {.Separator {
+  flex-shrink: 0;
+  background: var(--separator-color);
+}
+
+  .Separator[data-orientation="horizontal"] {
+    width: 100%;
+    height: var(--separator-thickness);
+  }
+
+  .Separator[data-orientation="vertical"] {
+    width: var(--separator-thickness);
+    height: 100%;
+    min-height: 1em;
+  }
+}

package/dist/es/components/Separator/index.js

@@ -0,0 +1,2 @@
+export { Separator } from "./Separator";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Separator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAA","sourcesContent":["export { Separator, type SeparatorProps } from \"./Separator\"\n"]}

package/dist/es/styles/variables-components.css

@@ -102,6 +102,12 @@
     --card-description-color: var(--color-text-tertiary);
     --card-description-font-size: var(--font-text-sm-size);
 
+    /* =============================================
+      Separator
+    ============================================= */
+    --separator-color: var(--color-border);
+    --separator-thickness: 1px;
+
     /* =============================================
       Checkbox
     ============================================= */

package/dist/types/components/Separator/Separator.d.ts

@@ -0,0 +1,18 @@
+import { type ComponentProps } from "react";
+import { Separator as RadixSeparator } from "radix-ui";
+export type SeparatorProps = Omit<ComponentProps<typeof RadixSeparator.Root>, "children"> & {
+    /**
+     * Direction of the separator.
+     * @default horizontal
+     */
+    orientation?: "horizontal" | "vertical";
+    /**
+     * When `true`, the separator is ignored by assistive technologies.
+     * Leave `true` for purely visual dividers; set `false` when the separator
+     * conveys meaningful grouping (it will render with `role="separator"`).
+     * @default true
+     */
+    decorative?: boolean;
+    className?: string;
+};
+export declare const Separator: ({ orientation, decorative, className, ...restProps }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Separator/index.d.ts

@@ -0,0 +1 @@
+export { Separator, type SeparatorProps } from "./Separator";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plexui/ui",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Modern design system for building high-quality applications",
   "type": "module",
   "license": "MIT",