sellmate-design-system-react 0.1.0

package/dist/components/Divider/Divider.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var react = require('react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Divider/Divider.tsx
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var Divider = react.forwardRef(function Divider2({ vertical = false, className, style, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "hr",
+    {
+      ref,
+      "aria-orientation": vertical ? "vertical" : "horizontal",
+      className: cn(
+        "shrink-0 border-0",
+        vertical ? "inline-block h-auto w-px self-stretch" : "block h-px w-full",
+        className
+      ),
+      style: { backgroundColor: "var(--sys-color-divider-default, #E1E1E1)", ...style },
+      ...rest
+    }
+  );
+});
+
+exports.Divider = Divider;
+//# sourceMappingURL=Divider.cjs.map
+//# sourceMappingURL=Divider.cjs.map

package/dist/components/Divider/Divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/cn.ts","../../../src/components/Divider/Divider.tsx"],"names":["twMerge","clsx","forwardRef","Divider","jsx"],"mappings":";;;;;;;;AAOO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACAO,IAAM,OAAA,GAAUC,gBAAA,CAAwC,SAASC,QAAAA,CACtE,EAAE,QAAA,GAAW,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,GAAG,IAAA,EAAK,EAC9C,GAAA,EACA;AACA,EAAA,uBACEC,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,kBAAA,EAAkB,WAAW,UAAA,GAAa,YAAA;AAAA,MAC1C,SAAA,EAAW,EAAA;AAAA,QACT,mBAAA;AAAA,QACA,WAAW,uCAAA,GAA0C,mBAAA;AAAA,QACrD;AAAA,OACF;AAAA,MACA,KAAA,EAAO,EAAE,eAAA,EAAiB,2CAAA,EAA6C,GAAG,KAAA,EAAM;AAAA,MAC/E,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC","file":"Divider.cjs","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * className 병합 유틸.\n * clsx로 조건부 클래스를 합치고, tailwind-merge로 Tailwind 클래스 충돌을 해소한다.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import { forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../lib/cn';\n\nexport interface DividerProps extends HTMLAttributes<HTMLHRElement> {\n  /** true면 수직 분할선, false면 수평 분할선 */\n  vertical?: boolean;\n}\n\n/** Divider — sd-divider 포팅. 색상은 `--sys-color-divider-default`. */\nexport const Divider = forwardRef<HTMLHRElement, DividerProps>(function Divider(\n  { vertical = false, className, style, ...rest },\n  ref,\n) {\n  return (\n    <hr\n      ref={ref}\n      aria-orientation={vertical ? 'vertical' : 'horizontal'}\n      className={cn(\n        'shrink-0 border-0',\n        vertical ? 'inline-block h-auto w-px self-stretch' : 'block h-px w-full',\n        className,\n      )}\n      style={{ backgroundColor: 'var(--sys-color-divider-default, #E1E1E1)', ...style }}\n      {...rest}\n    />\n  );\n});\n"]}

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,7 @@
+import { type HTMLAttributes } from 'react';
+export interface DividerProps extends HTMLAttributes<HTMLHRElement> {
+    /** true면 수직 분할선, false면 수평 분할선 */
+    vertical?: boolean;
+}
+/** Divider — sd-divider 포팅. 색상은 `--sys-color-divider-default`. */
+export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLHRElement>>;

package/dist/components/Divider/Divider.js

@@ -0,0 +1,29 @@
+import { forwardRef } from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/Divider/Divider.tsx
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var Divider = forwardRef(function Divider2({ vertical = false, className, style, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    "hr",
+    {
+      ref,
+      "aria-orientation": vertical ? "vertical" : "horizontal",
+      className: cn(
+        "shrink-0 border-0",
+        vertical ? "inline-block h-auto w-px self-stretch" : "block h-px w-full",
+        className
+      ),
+      style: { backgroundColor: "var(--sys-color-divider-default, #E1E1E1)", ...style },
+      ...rest
+    }
+  );
+});
+
+export { Divider };
+//# sourceMappingURL=Divider.js.map
+//# sourceMappingURL=Divider.js.map

package/dist/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/cn.ts","../../../src/components/Divider/Divider.tsx"],"names":["Divider"],"mappings":";;;;;;AAOO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACAO,IAAM,OAAA,GAAU,UAAA,CAAwC,SAASA,QAAAA,CACtE,EAAE,QAAA,GAAW,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,GAAG,IAAA,EAAK,EAC9C,GAAA,EACA;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,kBAAA,EAAkB,WAAW,UAAA,GAAa,YAAA;AAAA,MAC1C,SAAA,EAAW,EAAA;AAAA,QACT,mBAAA;AAAA,QACA,WAAW,uCAAA,GAA0C,mBAAA;AAAA,QACrD;AAAA,OACF;AAAA,MACA,KAAA,EAAO,EAAE,eAAA,EAAiB,2CAAA,EAA6C,GAAG,KAAA,EAAM;AAAA,MAC/E,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC","file":"Divider.js","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * className 병합 유틸.\n * clsx로 조건부 클래스를 합치고, tailwind-merge로 Tailwind 클래스 충돌을 해소한다.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import { forwardRef, type HTMLAttributes } from 'react';\nimport { cn } from '../../lib/cn';\n\nexport interface DividerProps extends HTMLAttributes<HTMLHRElement> {\n  /** true면 수직 분할선, false면 수평 분할선 */\n  vertical?: boolean;\n}\n\n/** Divider — sd-divider 포팅. 색상은 `--sys-color-divider-default`. */\nexport const Divider = forwardRef<HTMLHRElement, DividerProps>(function Divider(\n  { vertical = false, className, style, ...rest },\n  ref,\n) {\n  return (\n    <hr\n      ref={ref}\n      aria-orientation={vertical ? 'vertical' : 'horizontal'}\n      className={cn(\n        'shrink-0 border-0',\n        vertical ? 'inline-block h-auto w-px self-stretch' : 'block h-px w-full',\n        className,\n      )}\n      style={{ backgroundColor: 'var(--sys-color-divider-default, #E1E1E1)', ...style }}\n      {...rest}\n    />\n  );\n});\n"]}

package/dist/components/Divider/index.d.ts

@@ -0,0 +1 @@
+export { Divider, type DividerProps } from './Divider';