@bridger-kr/react 0.1.3 → 0.1.4

package/dist/components/product/ActionList.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/lib/cx.ts
+function cx(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function actionListClassName(className) {
+  return cx("dt-action-list", className);
+}
+function actionListItemClassName({ interactive = false, className } = {}) {
+  return cx("dt-action-list-item", interactive && "dt-action-list-item-interactive", className);
+}
+function ActionList({ children, className, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: actionListClassName(className), children });
+}
+function ActionListIndex({ children, className, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...rest, className: cx("dt-action-list-index", className), children });
+}
+
+exports.ActionList = ActionList;
+exports.ActionListIndex = ActionListIndex;
+exports.actionListClassName = actionListClassName;
+exports.actionListItemClassName = actionListItemClassName;
+//# sourceMappingURL=ActionList.cjs.map
+//# sourceMappingURL=ActionList.cjs.map

package/dist/components/product/ActionList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/cx.ts","../../../src/components/product/ActionList.tsx"],"names":["jsx"],"mappings":";;;;;AAAO,SAAS,MAAM,OAAA,EAA2D;AAC/E,EAAA,OAAO,OAAA,CAAQ,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AACzC;ACcO,SAAS,oBAAoB,SAAA,EAA4B;AAC9D,EAAA,OAAO,EAAA,CAAG,kBAAkB,SAAS,CAAA;AACvC;AAEO,SAAS,wBAAwB,EAAE,WAAA,GAAc,OAAO,SAAA,EAAU,GAAoC,EAAC,EAAW;AACvH,EAAA,OAAO,EAAA,CAAG,qBAAA,EAAuB,WAAA,IAAe,iCAAA,EAAmC,SAAS,CAAA;AAC9F;AAEO,SAAS,WAAW,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,EAAoB;AAC5E,EAAA,uBACEA,cAAA,CAAC,SAAK,GAAG,IAAA,EAAM,WAAW,mBAAA,CAAoB,SAAS,GACpD,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,gBAAgB,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,EAAyB;AACtF,EAAA,uBACEA,cAAA,CAAC,UAAM,GAAG,IAAA,EAAM,WAAW,EAAA,CAAG,sBAAA,EAAwB,SAAS,CAAA,EAC5D,QAAA,EACH,CAAA;AAEJ","file":"ActionList.cjs","sourcesContent":["export function cx(...classes: Array<string | false | null | undefined>): string {\n  return classes.filter(Boolean).join(' ');\n}\n","import type { HTMLAttributes, ReactNode } from 'react';\nimport { cx } from '../../lib/cx';\n\nexport interface ActionListProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n}\n\nexport interface ActionListItemClassNameOptions {\n  interactive?: boolean;\n  className?: string;\n}\n\nexport interface ActionListIndexProps extends HTMLAttributes<HTMLSpanElement> {\n  children: ReactNode;\n}\n\nexport function actionListClassName(className?: string): string {\n  return cx('dt-action-list', className);\n}\n\nexport function actionListItemClassName({ interactive = false, className }: ActionListItemClassNameOptions = {}): string {\n  return cx('dt-action-list-item', interactive && 'dt-action-list-item-interactive', className);\n}\n\nexport function ActionList({ children, className, ...rest }: ActionListProps) {\n  return (\n    <div {...rest} className={actionListClassName(className)}>\n      {children}\n    </div>\n  );\n}\n\nexport function ActionListIndex({ children, className, ...rest }: ActionListIndexProps) {\n  return (\n    <span {...rest} className={cx('dt-action-list-index', className)}>\n      {children}\n    </span>\n  );\n}\n"]}

package/dist/components/product/ActionList.d.cts

@@ -0,0 +1,19 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface ActionListProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+interface ActionListItemClassNameOptions {
+    interactive?: boolean;
+    className?: string;
+}
+interface ActionListIndexProps extends HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode;
+}
+declare function actionListClassName(className?: string): string;
+declare function actionListItemClassName({ interactive, className }?: ActionListItemClassNameOptions): string;
+declare function ActionList({ children, className, ...rest }: ActionListProps): react.JSX.Element;
+declare function ActionListIndex({ children, className, ...rest }: ActionListIndexProps): react.JSX.Element;
+
+export { ActionList, ActionListIndex, type ActionListIndexProps, type ActionListItemClassNameOptions, type ActionListProps, actionListClassName, actionListItemClassName };

package/dist/components/product/ActionList.d.ts

@@ -0,0 +1,19 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface ActionListProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+interface ActionListItemClassNameOptions {
+    interactive?: boolean;
+    className?: string;
+}
+interface ActionListIndexProps extends HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode;
+}
+declare function actionListClassName(className?: string): string;
+declare function actionListItemClassName({ interactive, className }?: ActionListItemClassNameOptions): string;
+declare function ActionList({ children, className, ...rest }: ActionListProps): react.JSX.Element;
+declare function ActionListIndex({ children, className, ...rest }: ActionListIndexProps): react.JSX.Element;
+
+export { ActionList, ActionListIndex, type ActionListIndexProps, type ActionListItemClassNameOptions, type ActionListProps, actionListClassName, actionListItemClassName };

package/dist/components/product/ActionList.mjs

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+
+// src/lib/cx.ts
+function cx(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function actionListClassName(className) {
+  return cx("dt-action-list", className);
+}
+function actionListItemClassName({ interactive = false, className } = {}) {
+  return cx("dt-action-list-item", interactive && "dt-action-list-item-interactive", className);
+}
+function ActionList({ children, className, ...rest }) {
+  return /* @__PURE__ */ jsx("div", { ...rest, className: actionListClassName(className), children });
+}
+function ActionListIndex({ children, className, ...rest }) {
+  return /* @__PURE__ */ jsx("span", { ...rest, className: cx("dt-action-list-index", className), children });
+}
+
+export { ActionList, ActionListIndex, actionListClassName, actionListItemClassName };
+//# sourceMappingURL=ActionList.mjs.map
+//# sourceMappingURL=ActionList.mjs.map

package/dist/components/product/ActionList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/cx.ts","../../../src/components/product/ActionList.tsx"],"names":[],"mappings":";;;AAAO,SAAS,MAAM,OAAA,EAA2D;AAC/E,EAAA,OAAO,OAAA,CAAQ,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AACzC;ACcO,SAAS,oBAAoB,SAAA,EAA4B;AAC9D,EAAA,OAAO,EAAA,CAAG,kBAAkB,SAAS,CAAA;AACvC;AAEO,SAAS,wBAAwB,EAAE,WAAA,GAAc,OAAO,SAAA,EAAU,GAAoC,EAAC,EAAW;AACvH,EAAA,OAAO,EAAA,CAAG,qBAAA,EAAuB,WAAA,IAAe,iCAAA,EAAmC,SAAS,CAAA;AAC9F;AAEO,SAAS,WAAW,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,EAAoB;AAC5E,EAAA,uBACE,GAAA,CAAC,SAAK,GAAG,IAAA,EAAM,WAAW,mBAAA,CAAoB,SAAS,GACpD,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,gBAAgB,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,EAAyB;AACtF,EAAA,uBACE,GAAA,CAAC,UAAM,GAAG,IAAA,EAAM,WAAW,EAAA,CAAG,sBAAA,EAAwB,SAAS,CAAA,EAC5D,QAAA,EACH,CAAA;AAEJ","file":"ActionList.mjs","sourcesContent":["export function cx(...classes: Array<string | false | null | undefined>): string {\n  return classes.filter(Boolean).join(' ');\n}\n","import type { HTMLAttributes, ReactNode } from 'react';\nimport { cx } from '../../lib/cx';\n\nexport interface ActionListProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n}\n\nexport interface ActionListItemClassNameOptions {\n  interactive?: boolean;\n  className?: string;\n}\n\nexport interface ActionListIndexProps extends HTMLAttributes<HTMLSpanElement> {\n  children: ReactNode;\n}\n\nexport function actionListClassName(className?: string): string {\n  return cx('dt-action-list', className);\n}\n\nexport function actionListItemClassName({ interactive = false, className }: ActionListItemClassNameOptions = {}): string {\n  return cx('dt-action-list-item', interactive && 'dt-action-list-item-interactive', className);\n}\n\nexport function ActionList({ children, className, ...rest }: ActionListProps) {\n  return (\n    <div {...rest} className={actionListClassName(className)}>\n      {children}\n    </div>\n  );\n}\n\nexport function ActionListIndex({ children, className, ...rest }: ActionListIndexProps) {\n  return (\n    <span {...rest} className={cx('dt-action-list-index', className)}>\n      {children}\n    </span>\n  );\n}\n"]}

package/dist/index.cjs

@@ -2141,6 +2141,18 @@ function Stepper({ steps = [], current = 0, orientation = "horizontal", style, .
     }
   );
 }
+function actionListClassName(className) {
+  return cx("dt-action-list", className);
+}
+function actionListItemClassName({ interactive = false, className } = {}) {
+  return cx("dt-action-list-item", interactive && "dt-action-list-item-interactive", className);
+}
+function ActionList({ children, className, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: actionListClassName(className), children });
+}
+function ActionListIndex({ children, className, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...rest, className: cx("dt-action-list-index", className), children });
+}
 var BRAND_LOGO_LANGUAGE = {
   Korean: "ko",
   English: "en"
@@ -2529,6 +2541,8 @@ function ToolCard({
   );
 }
 
+exports.ActionList = ActionList;
+exports.ActionListIndex = ActionListIndex;
 exports.Alert = Alert;
 exports.AlertMotion = AlertMotion;
 exports.AlertTone = AlertTone;
@@ -2586,6 +2600,8 @@ exports.ToggleSwitch = ToggleSwitch;
 exports.ToolCard = ToolCard;
 exports.Tooltip = Tooltip;
 exports.UsageMeter = UsageMeter;
+exports.actionListClassName = actionListClassName;
+exports.actionListItemClassName = actionListItemClassName;
 exports.cx = cx;
 exports.metricAccentColor = metricAccentColor;
 exports.productActionPillClassName = productActionPillClassName;