@tcn/ui 0.0.1

package/README.md

@@ -0,0 +1,11 @@
+# @tcn/ui
+
+
+
+## Scripts
+
+- build: `pnpm ws ui build`
+- storybook: `pnpm ws ui storybook`
+- test: `pnpm ws ui test`
+
+

package/dist/actions/button/base_button/base_button.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { Hierarchy, Size } from '../../../utils/index.js';
+import { HStackOwnProps } from '../../../stacks/h_stack.js';
+import { WithDetailedHTMLProps } from '../../../stacks/types/as.js';
+export interface BaseButtonOwnProps {
+    hierarchy?: Hierarchy;
+    size?: Size;
+    color?: string;
+}
+export type BaseButtonWithStackProps = BaseButtonOwnProps & HStackOwnProps & {
+    children?: React.ReactNode;
+};
+export type BaseButtonProps = WithDetailedHTMLProps<BaseButtonWithStackProps, 'button'>;
+export declare const BaseButton: React.ForwardRefExoticComponent<Omit<BaseButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=base_button.d.ts.map

package/dist/actions/button/base_button/base_button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base_button.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/base_button/base_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,GACvD,cAAc,GAAG;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,qBAAqB,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC;AAExF,eAAO,MAAM,UAAU,wGA2DtB,CAAC"}

package/dist/actions/button/base_button/base_button.js

@@ -0,0 +1,56 @@
+import { jsx as m } from "react/jsx-runtime";
+import h from "react";
+import B from "classnames";
+import { HStack as p } from "../../../stacks/h_stack.js";
+import '../../../base_button.css';const y = "_base-button_d33aa84", x = { "base-button": y }, R = h.forwardRef(
+  function({
+    children: r,
+    className: u,
+    style: l,
+    color: e,
+    hierarchy: i = "secondary",
+    size: c = "medium",
+    onTouchStart: n,
+    onContextMenu: a,
+    ...o
+  }, b) {
+    const d = (t) => {
+      if (n == null) {
+        t.preventDefault();
+        return;
+      }
+      n(t);
+    }, f = (t) => {
+      if (a == null) {
+        t.preventDefault();
+        return;
+      }
+      a(t);
+    }, s = {
+      ...l
+    };
+    return e && (s["--button-color"] = e), /* @__PURE__ */ m(
+      p,
+      {
+        ref: b,
+        as: "button",
+        inline: !0,
+        vAlign: "center",
+        hAlign: "center",
+        "data-hierarchy": i,
+        "data-size": c,
+        "data-is-disabled": !!o.disabled,
+        className: B(x["base-button"], "base-button", u),
+        style: s,
+        onTouchStart: d,
+        onContextMenu: f,
+        ...o,
+        children: r
+      }
+    );
+  }
+);
+export {
+  R as BaseButton
+};
+//# sourceMappingURL=base_button.js.map

package/dist/actions/button/base_button/base_button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base_button.js","sources":["../../../../src/actions/button/base_button/base_button.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport type { Hierarchy, Size } from '../../../utils/index.js';\nimport { HStack } from '../../../stacks/h_stack.js';\nimport type { HStackOwnProps } from '../../../stacks/h_stack.js';\nimport styles from './base_button.module.css';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\n\nexport interface BaseButtonOwnProps {\n  hierarchy?: Hierarchy;\n  size?: Size;\n  color?: string;\n}\n\nexport type BaseButtonWithStackProps = BaseButtonOwnProps &\n  HStackOwnProps & {\n    children?: React.ReactNode;\n  };\n\nexport type BaseButtonProps = WithDetailedHTMLProps<BaseButtonWithStackProps, 'button'>;\n\nexport const BaseButton = React.forwardRef<HTMLButtonElement, BaseButtonProps>(\n  function BaseButton(\n    {\n      children,\n      className,\n      style,\n      color,\n      hierarchy = 'secondary',\n      size = 'medium',\n      onTouchStart,\n      onContextMenu,\n      ...props\n    },\n    ref\n  ) {\n    const handleTouchStart = (event: React.TouchEvent<HTMLButtonElement>) => {\n      if (onTouchStart == null) {\n        event.preventDefault();\n        return;\n      }\n      onTouchStart(event);\n    };\n\n    const handleContextMenu = (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (onContextMenu == null) {\n        event.preventDefault();\n        return;\n      }\n      onContextMenu(event);\n    };\n\n    const finalStyle: React.CSSProperties = {\n      ...style,\n    };\n\n    if (color) {\n      finalStyle['--button-color'] = color;\n    }\n\n    return (\n      <HStack\n        ref={ref}\n        as=\"button\"\n        inline\n        vAlign=\"center\"\n        hAlign=\"center\"\n        data-hierarchy={hierarchy}\n        data-size={size}\n        data-is-disabled={Boolean(props.disabled)}\n        className={classNames(styles['base-button'], 'base-button', className)}\n        style={finalStyle}\n        onTouchStart={handleTouchStart}\n        onContextMenu={handleContextMenu}\n        {...props}\n      >\n        {children}\n      </HStack>\n    );\n  }\n);\n"],"names":["BaseButton","React","children","className","style","color","hierarchy","size","onTouchStart","onContextMenu","props","ref","handleTouchStart","event","handleContextMenu","finalStyle","jsx","HStack","classNames","styles"],"mappings":";;;;4DAqBaA,IAAaC,EAAM;AAAA,EAC9B,SACE;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,MAAAC,IAAO;AAAA,IACP,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAMC,IAAmB,CAACC,MAA+C;AACvE,UAAIL,KAAgB,MAAM;AACxB,QAAAK,EAAM,eAAA;AACN;AAAA,MACF;AACA,MAAAL,EAAaK,CAAK;AAAA,IACpB,GAEMC,IAAoB,CAACD,MAA+C;AACxE,UAAIJ,KAAiB,MAAM;AACzB,QAAAI,EAAM,eAAA;AACN;AAAA,MACF;AACA,MAAAJ,EAAcI,CAAK;AAAA,IACrB,GAEME,IAAkC;AAAA,MACtC,GAAGX;AAAA,IAAA;AAGL,WAAIC,MACFU,EAAW,gBAAgB,IAAIV,IAI/B,gBAAAW;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,IAAG;AAAA,QACH,QAAM;AAAA,QACN,QAAO;AAAA,QACP,QAAO;AAAA,QACP,kBAAgBL;AAAA,QAChB,aAAWC;AAAA,QACX,oBAAkB,EAAQG,EAAM;AAAA,QAChC,WAAWQ,EAAWC,EAAO,aAAa,GAAG,eAAehB,CAAS;AAAA,QACrE,OAAOY;AAAA,QACP,cAAcH;AAAA,QACd,eAAeE;AAAA,QACd,GAAGJ;AAAA,QAEH,UAAAR;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/actions/button/button/button.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { BaseButtonProps } from '../base_button/base_button.js';
+export interface ButtonProps extends BaseButtonProps {
+}
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

package/dist/actions/button/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAG5E,MAAM,WAAW,WAAY,SAAQ,eAAe;CAAG;AAEvD,eAAO,MAAM,MAAM,oGAajB,CAAC"}

package/dist/actions/button/button/button.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import n from "classnames";
+import m from "react";
+import { BaseButton as a } from "../base_button/base_button.js";
+import '../../../button.css';const b = "_button_fd354ec", f = "_button-text_5989b5f", s = { button: b, "button-text": f }, _ = m.forwardRef(function({ children: t, className: e, ...u }, r) {
+  return /* @__PURE__ */ o(a, { ref: r, className: n(s.button, "button", e), ...u, children: typeof t == "string" ? /* @__PURE__ */ o("span", { className: n(s["button-text"], "button-text"), children: t }) : t });
+});
+export {
+  _ as Button
+};
+//# sourceMappingURL=button.js.map

package/dist/actions/button/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../../src/actions/button/button/button.tsx"],"sourcesContent":["import cln from 'classnames';\nimport React from 'react';\nimport { BaseButton, BaseButtonProps } from '../base_button/base_button.js';\nimport styles from './button.module.css';\n\nexport interface ButtonProps extends BaseButtonProps {}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  { children, className, ...props },\n  ref\n) {\n  return (\n    <BaseButton ref={ref} className={cln(styles.button, 'button', className)} {...props}>\n      {typeof children === 'string' ? (\n        <span className={cln(styles['button-text'], 'button-text')}>{children}</span>\n      ) : (\n        children\n      )}\n    </BaseButton>\n  );\n});\n"],"names":["Button","React","children","className","props","ref","jsx","BaseButton","cln","styles"],"mappings":";;;;8FAOaA,IAASC,EAAM,WAA2C,SACrE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAW,KAAAF,GAAU,WAAWG,EAAIC,EAAO,QAAQ,UAAUN,CAAS,GAAI,GAAGC,GAC3E,UAAA,OAAOF,KAAa,WACnB,gBAAAI,EAAC,QAAA,EAAK,WAAWE,EAAIC,EAAO,aAAa,GAAG,aAAa,GAAI,UAAAP,EAAA,CAAS,IAEtEA,EAAA,CAEJ;AAEJ,CAAC;"}

package/dist/actions/button/button_group/button_group.d.ts

@@ -0,0 +1,12 @@
+import { Hierarchy, Size } from '../../../utils/index.js';
+import { WithDetailedHTMLProps } from '../../../stacks/types/as.js';
+import { default as React } from 'react';
+import { ButtonProps } from '../button/button.js';
+export interface ButtonGroupOwnProps {
+    hierarchy?: Hierarchy;
+    size?: Size;
+    children: React.ReactElement<ButtonProps> | React.ReactElement<ButtonProps>[];
+}
+export type ButtonGroupProps = WithDetailedHTMLProps<ButtonGroupOwnProps, 'div'>;
+export declare const ButtonGroup: React.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=button_group.d.ts.map

package/dist/actions/button/button_group/button_group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button_group.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/button_group/button_group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG1D,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;CAC/E;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;AAEjF,eAAO,MAAM,WAAW,sGAoDvB,CAAC"}

package/dist/actions/button/button_group/button_group.js

@@ -0,0 +1,57 @@
+import { jsx as u, jsxs as g } from "react/jsx-runtime";
+import { HStack as f } from "../../../stacks/h_stack.js";
+import n from "classnames";
+import i from "react";
+import { Button as l } from "../button/button.js";
+import '../../../button_group.css';const v = "_button-group_87e4f35", _ = "_button-group-button_654d1ae", G = "_button-group-divider_9659287", a = { "button-group": v, "button-group-button": _, "button-group-divider": G }, w = i.forwardRef(
+  function({ children: t, className: d, hierarchy: o = "secondary", size: r = "md", ...b }, m) {
+    const s = Array.isArray(t) ? t : [t];
+    return /* @__PURE__ */ u(
+      f,
+      {
+        ref: m,
+        as: "div",
+        inline: !0,
+        width: "auto",
+        height: "auto",
+        "data-hierarchy": o,
+        "data-size": r,
+        className: n(a["button-group"], "button-group", d),
+        ...b,
+        children: s.map((p, e) => {
+          const c = s.length - 1 === e;
+          return /* @__PURE__ */ g(i.Fragment, { children: [
+            /* @__PURE__ */ u(
+              l,
+              {
+                ...p.props,
+                className: n(
+                  a["button-group-button"],
+                  "button-group-button",
+                  p.props.className
+                ),
+                hierarchy: o,
+                size: r
+              }
+            ),
+            !c && /* @__PURE__ */ u(
+              "div",
+              {
+                className: n(
+                  a["button-group-divider"],
+                  "button-group-divider"
+                ),
+                "data-hierarchy": o,
+                "data-size": r
+              }
+            )
+          ] }, e);
+        })
+      }
+    );
+  }
+);
+export {
+  w as ButtonGroup
+};
+//# sourceMappingURL=button_group.js.map

package/dist/actions/button/button_group/button_group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button_group.js","sources":["../../../../src/actions/button/button_group/button_group.tsx"],"sourcesContent":["import type { Hierarchy, Size } from '../../../utils/index.js';\nimport { HStack } from '../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport { Button, ButtonProps } from '../button/button.js';\nimport styles from './button_group.module.css';\n\nexport interface ButtonGroupOwnProps {\n  hierarchy?: Hierarchy;\n  size?: Size;\n  children: React.ReactElement<ButtonProps> | React.ReactElement<ButtonProps>[];\n}\n\nexport type ButtonGroupProps = WithDetailedHTMLProps<ButtonGroupOwnProps, 'div'>;\n\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup(\n    { children, className, hierarchy = 'secondary', size = 'md', ...props },\n    ref\n  ) {\n    const buttons: React.ReactElement<ButtonProps>[] = Array.isArray(children)\n      ? children\n      : [children];\n\n    return (\n      <HStack\n        ref={ref}\n        as=\"div\"\n        inline\n        width=\"auto\"\n        height=\"auto\"\n        data-hierarchy={hierarchy}\n        data-size={size}\n        className={classNames(styles['button-group'], 'button-group', className)}\n        {...props}\n      >\n        {buttons.map((button, i) => {\n          const isLast = buttons.length - 1 === i;\n\n          return (\n            <React.Fragment key={i}>\n              <Button\n                {...button.props}\n                className={classNames(\n                  styles['button-group-button'],\n                  'button-group-button',\n                  button.props.className\n                )}\n                hierarchy={hierarchy}\n                size={size}\n              />\n              {!isLast && (\n                <div\n                  className={classNames(\n                    styles['button-group-divider'],\n                    'button-group-divider'\n                  )}\n                  data-hierarchy={hierarchy}\n                  data-size={size}\n                />\n              )}\n            </React.Fragment>\n          );\n        })}\n      </HStack>\n    );\n  }\n);\n"],"names":["ButtonGroup","React","children","className","hierarchy","size","props","ref","buttons","jsx","HStack","classNames","styles","button","i","isLast","jsxs","Button"],"mappings":";;;;;4LAgBaA,IAAcC,EAAM;AAAA,EAC/B,SACE,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,aAAa,MAAAC,IAAO,MAAM,GAAGC,EAAA,GAChEC,GACA;AACA,UAAMC,IAA6C,MAAM,QAAQN,CAAQ,IACrEA,IACA,CAACA,CAAQ;AAEb,WACE,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,IAAG;AAAA,QACH,QAAM;AAAA,QACN,OAAM;AAAA,QACN,QAAO;AAAA,QACP,kBAAgBH;AAAA,QAChB,aAAWC;AAAA,QACX,WAAWM,EAAWC,EAAO,cAAc,GAAG,gBAAgBT,CAAS;AAAA,QACtE,GAAGG;AAAA,QAEH,UAAAE,EAAQ,IAAI,CAACK,GAAQC,MAAM;AAC1B,gBAAMC,IAASP,EAAQ,SAAS,MAAMM;AAEtC,iBACE,gBAAAE,EAACf,EAAM,UAAN,EACC,UAAA;AAAA,YAAA,gBAAAQ;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACE,GAAGJ,EAAO;AAAA,gBACX,WAAWF;AAAA,kBACTC,EAAO,qBAAqB;AAAA,kBAC5B;AAAA,kBACAC,EAAO,MAAM;AAAA,gBAAA;AAAA,gBAEf,WAAAT;AAAA,gBACA,MAAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAED,CAACU,KACA,gBAAAN;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWE;AAAA,kBACTC,EAAO,sBAAsB;AAAA,kBAC7B;AAAA,gBAAA;AAAA,gBAEF,kBAAgBR;AAAA,gBAChB,aAAWC;AAAA,cAAA;AAAA,YAAA;AAAA,UACb,EAAA,GAnBiBS,CAqBrB;AAAA,QAEJ,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/actions/button/select_group/select_group.d.ts

@@ -0,0 +1,13 @@
+import { WithDetailedHTMLProps } from '../../../stacks/types/as.js';
+import { default as React } from 'react';
+export type SelectGroupChangeCallback = (values: string[]) => void;
+export interface SelectGroupOwnProps {
+    value: string[];
+    disabled?: boolean;
+}
+export type SelectGroupProps = Omit<WithDetailedHTMLProps<SelectGroupOwnProps, 'div'>, 'onChange'> & {
+    onChange?: SelectGroupChangeCallback;
+    children: React.ReactElement<HTMLOptionElement> | React.ReactElement<HTMLOptionElement>[];
+};
+export declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=select_group.d.ts.map

package/dist/actions/button/select_group/select_group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select_group.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/select_group/select_group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,yBAAyB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;AACnE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,qBAAqB,CAAC,mBAAmB,EAAE,KAAK,CAAC,EACjD,UAAU,CACX,GAAG;IACF,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,QAAQ,EACJ,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,GACrC,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,WAAW,sGAsDtB,CAAC"}

package/dist/actions/button/select_group/select_group.js

@@ -0,0 +1,51 @@
+import { jsx as i } from "react/jsx-runtime";
+import { HStack as v } from "../../../stacks/h_stack.js";
+import l from "classnames";
+import n from "react";
+import { Button as y } from "../button/button.js";
+import '../../../select_group.css';const _ = "_select-group_c24986f", b = "_select-group-option_28f4dfd", x = "_select-group-divider_b5b865b", a = { "select-group": _, "select-group-option": b, "select-group-divider": x }, B = n.forwardRef(function({ children: o, value: c, className: u, onChange: d, disabled: s = !1, ...m }, f) {
+  const g = Array.isArray(o) ? o : [o], h = (e, p) => {
+    if (s) return;
+    const r = [...c];
+    if (p) {
+      const t = c.indexOf(e);
+      t > -1 && r.splice(t, 1);
+    } else
+      r.push(e);
+    d?.(r);
+  };
+  return /* @__PURE__ */ i(
+    v,
+    {
+      ref: f,
+      as: "div",
+      inline: !0,
+      width: "auto",
+      height: "auto",
+      "data-is-disabled": s,
+      className: l(a["select-group"], "select-group", u),
+      ...m,
+      children: g.map((e, p) => {
+        const r = c.includes(e.props.value), t = () => {
+          h(e.props.value, r);
+        };
+        return /* @__PURE__ */ i(n.Fragment, { children: /* @__PURE__ */ i(
+          y,
+          {
+            disabled: s || e.props.disabled,
+            "data-is-disabled": s || e.props.disabled,
+            className: l(a["select-group-option"], "select-group-option"),
+            hierarchy: r ? "primary" : "secondary",
+            onClick: t,
+            value: e.props.value,
+            children: e.props.children
+          }
+        ) }, p);
+      })
+    }
+  );
+});
+export {
+  B as SelectGroup
+};
+//# sourceMappingURL=select_group.js.map

package/dist/actions/button/select_group/select_group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select_group.js","sources":["../../../../src/actions/button/select_group/select_group.tsx"],"sourcesContent":["import { HStack } from '../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport { Button } from '../button/button.js';\nimport styles from './select_group.module.css';\n\nexport type SelectGroupChangeCallback = (values: string[]) => void;\nexport interface SelectGroupOwnProps {\n  value: string[];\n  disabled?: boolean;\n}\n\nexport type SelectGroupProps = Omit<\n  WithDetailedHTMLProps<SelectGroupOwnProps, 'div'>,\n  'onChange'\n> & {\n  onChange?: SelectGroupChangeCallback;\n  children:\n    | React.ReactElement<HTMLOptionElement>\n    | React.ReactElement<HTMLOptionElement>[];\n};\n\nexport const SelectGroup = React.forwardRef(function ButtonGroup(\n  { children, value, className, onChange, disabled = false, ...props }: SelectGroupProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const options: React.ReactElement<any>[] = Array.isArray(children)\n    ? children\n    : [children];\n\n  const handleChange = (option: string, isSelected: boolean) => {\n    if (disabled) return;\n    const next = [...value];\n    if (isSelected) {\n      const index = value.indexOf(option);\n      index > -1 && next.splice(index, 1);\n    } else {\n      next.push(option);\n    }\n    onChange?.(next);\n  };\n\n  return (\n    <HStack\n      ref={ref}\n      as=\"div\"\n      inline\n      width=\"auto\"\n      height=\"auto\"\n      data-is-disabled={disabled}\n      className={classNames(styles['select-group'], 'select-group', className)}\n      {...props}\n    >\n      {options.map((option, i) => {\n        const isSelected = value.includes(option.props.value);\n        const select = () => {\n          handleChange(option.props.value, isSelected);\n        };\n\n        return (\n          <React.Fragment key={i}>\n            <Button\n              disabled={disabled || option.props.disabled}\n              data-is-disabled={disabled || option.props.disabled}\n              className={classNames(styles['select-group-option'], 'select-group-option')}\n              hierarchy={isSelected ? 'primary' : 'secondary'}\n              onClick={select}\n              value={option.props.value}\n            >\n              {option.props.children}\n            </Button>\n          </React.Fragment>\n        );\n      })}\n    </HStack>\n  );\n});\n"],"names":["SelectGroup","React","children","value","className","onChange","disabled","props","ref","options","handleChange","option","isSelected","next","index","jsx","HStack","classNames","styles","i","select","Button"],"mappings":";;;;;4LAuBaA,IAAcC,EAAM,WAAW,SAC1C,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,UAAAC,IAAW,IAAO,GAAGC,EAAA,GAC7DC,GACA;AACA,QAAMC,IAAqC,MAAM,QAAQP,CAAQ,IAC7DA,IACA,CAACA,CAAQ,GAEPQ,IAAe,CAACC,GAAgBC,MAAwB;AAC5D,QAAIN,EAAU;AACd,UAAMO,IAAO,CAAC,GAAGV,CAAK;AACtB,QAAIS,GAAY;AACd,YAAME,IAAQX,EAAM,QAAQQ,CAAM;AAClC,MAAAG,IAAQ,MAAMD,EAAK,OAAOC,GAAO,CAAC;AAAA,IACpC;AACE,MAAAD,EAAK,KAAKF,CAAM;AAElB,IAAAN,IAAWQ,CAAI;AAAA,EACjB;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,IAAG;AAAA,MACH,QAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,oBAAkBF;AAAA,MAClB,WAAWW,EAAWC,EAAO,cAAc,GAAG,gBAAgBd,CAAS;AAAA,MACtE,GAAGG;AAAA,MAEH,UAAAE,EAAQ,IAAI,CAACE,GAAQQ,MAAM;AAC1B,cAAMP,IAAaT,EAAM,SAASQ,EAAO,MAAM,KAAK,GAC9CS,IAAS,MAAM;AACnB,UAAAV,EAAaC,EAAO,MAAM,OAAOC,CAAU;AAAA,QAC7C;AAEA,eACE,gBAAAG,EAACd,EAAM,UAAN,EACC,UAAA,gBAAAc;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,UAAUf,KAAYK,EAAO,MAAM;AAAA,YACnC,oBAAkBL,KAAYK,EAAO,MAAM;AAAA,YAC3C,WAAWM,EAAWC,EAAO,qBAAqB,GAAG,qBAAqB;AAAA,YAC1E,WAAWN,IAAa,YAAY;AAAA,YACpC,SAASQ;AAAA,YACT,OAAOT,EAAO,MAAM;AAAA,YAEnB,YAAO,MAAM;AAAA,UAAA;AAAA,QAAA,KATGQ,CAWrB;AAAA,MAEJ,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/actions/button/select_group/single_select_group.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { SelectGroupProps } from './select_group.js';
+export interface SingleSelectGroupOwnProps {
+    value: string;
+    disabled?: boolean;
+    onChange?: (value: string) => void;
+}
+export type SingleSelectGroupProps = Omit<SelectGroupProps, 'value' | 'onChange' | 'enableMultiselect'> & SingleSelectGroupOwnProps;
+export declare const SingleSelectGroup: React.ForwardRefExoticComponent<Omit<SingleSelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=single_select_group.d.ts.map

package/dist/actions/button/select_group/single_select_group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"single_select_group.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/select_group/single_select_group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAElE,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,gBAAgB,EAChB,OAAO,GAAG,UAAU,GAAG,mBAAmB,CAC3C,GACC,yBAAyB,CAAC;AAE5B,eAAO,MAAM,iBAAiB,4GAgC5B,CAAC"}

package/dist/actions/button/select_group/single_select_group.js

@@ -0,0 +1,34 @@
+import { jsx as p } from "react/jsx-runtime";
+import h from "react";
+import { SelectGroup as m } from "./select_group.js";
+const G = h.forwardRef(function({
+  children: t,
+  value: n,
+  className: o,
+  onChange: r,
+  disabled: l = !1,
+  ...c
+}, f) {
+  const g = (e) => {
+    if (e.length === 0)
+      return;
+    const i = e.length > 0 ? e[e.length - 1] : "";
+    r?.(i);
+  };
+  return /* @__PURE__ */ p(
+    m,
+    {
+      ref: f,
+      value: n != null ? [n] : [],
+      onChange: g,
+      disabled: l,
+      className: o,
+      ...c,
+      children: t
+    }
+  );
+});
+export {
+  G as SingleSelectGroup
+};
+//# sourceMappingURL=single_select_group.js.map

package/dist/actions/button/select_group/single_select_group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"single_select_group.js","sources":["../../../../src/actions/button/select_group/single_select_group.tsx"],"sourcesContent":["import React from 'react';\nimport { SelectGroup, SelectGroupProps } from './select_group.js';\n\nexport interface SingleSelectGroupOwnProps {\n  value: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n}\n\nexport type SingleSelectGroupProps = Omit<\n  SelectGroupProps,\n  'value' | 'onChange' | 'enableMultiselect'\n> &\n  SingleSelectGroupOwnProps;\n\nexport const SingleSelectGroup = React.forwardRef(function SingleSelectGroup(\n  {\n    children,\n    value,\n    className,\n    onChange,\n    disabled = false,\n    ...props\n  }: SingleSelectGroupProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const handleChange = (values: string[]) => {\n    if (values.length === 0) {\n      return;\n    }\n    // For single select, we take the last selected value or empty string if none selected\n    const singleValue = values.length > 0 ? values[values.length - 1] : '';\n    onChange?.(singleValue);\n  };\n\n  return (\n    <SelectGroup\n      ref={ref}\n      value={value != null ? [value] : []}\n      onChange={handleChange}\n      disabled={disabled}\n      className={className}\n      {...props}\n    >\n      {children}\n    </SelectGroup>\n  );\n});\n"],"names":["SingleSelectGroup","React","children","value","className","onChange","disabled","props","ref","handleChange","values","singleValue","jsx","SelectGroup"],"mappings":";;;AAeO,MAAMA,IAAoBC,EAAM,WAAW,SAChD;AAAA,EACE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAe,CAACC,MAAqB;AACzC,QAAIA,EAAO,WAAW;AACpB;AAGF,UAAMC,IAAcD,EAAO,SAAS,IAAIA,EAAOA,EAAO,SAAS,CAAC,IAAI;AACpE,IAAAL,IAAWM,CAAW;AAAA,EACxB;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,OAAOL,KAAS,OAAO,CAACA,CAAK,IAAI,CAAA;AAAA,MACjC,UAAUM;AAAA,MACV,UAAAH;AAAA,MACA,WAAAF;AAAA,MACC,GAAGG;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/actions/button/slim_button/slim_button.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../button/button.js';
+export declare const SlimButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=slim_button.d.ts.map

package/dist/actions/button/slim_button/slim_button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slim_button.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/slim_button/slim_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG1D,eAAO,MAAM,UAAU,oGAYtB,CAAC"}

package/dist/actions/button/slim_button/slim_button.js

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+import n from "react";
+import i from "classnames";
+import { Button as l } from "../button/button.js";
+import '../../../slim_button.css';const u = "_slim-button_188fdc3", c = { "slim-button": u }, b = n.forwardRef(
+  ({ children: t, className: o, ...m }, s) => /* @__PURE__ */ r(
+    l,
+    {
+      ref: s,
+      className: i(c["slim-button"], "slim-button", o),
+      ...m,
+      children: t
+    }
+  )
+);
+export {
+  b as SlimButton
+};
+//# sourceMappingURL=slim_button.js.map

package/dist/actions/button/slim_button/slim_button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slim_button.js","sources":["../../../../src/actions/button/slim_button/slim_button.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { Button, ButtonProps } from '../button/button.js';\nimport styles from './slim_button.module.css';\n\nexport const SlimButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <Button\n        ref={ref}\n        className={classNames(styles['slim-button'], 'slim-button', className)}\n        {...props}\n      >\n        {children}\n      </Button>\n    );\n  }\n);\n"],"names":["SlimButton","React","children","className","props","ref","jsx","Button","classNames","styles"],"mappings":";;;;4DAKaA,IAAaC,EAAM;AAAA,EAC9B,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEhC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAWC,EAAO,aAAa,GAAG,eAAeN,CAAS;AAAA,MACpE,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAIT;"}

package/dist/actions/index.d.ts

@@ -0,0 +1,7 @@
+export { BaseButton, type BaseButtonProps, } from './button/base_button/base_button.js';
+export { ButtonGroup, type ButtonGroupProps, } from './button/button_group/button_group.js';
+export { SlimButton } from './button/slim_button/slim_button.js';
+export { Button, type ButtonProps } from './button/button/button.js';
+export { SelectGroup, type SelectGroupProps, } from './button/select_group/select_group.js';
+export { SingleSelectGroup, type SingleSelectGroupProps, } from './button/select_group/single_select_group.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/actions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/actions/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,8CAA8C,CAAC"}

package/dist/actions/index.js

@@ -0,0 +1,15 @@
+import { BaseButton as r } from "./button/base_button/base_button.js";
+import { ButtonGroup as p } from "./button/button_group/button_group.js";
+import { SlimButton as u } from "./button/slim_button/slim_button.js";
+import { Button as x } from "./button/button/button.js";
+import { SelectGroup as B } from "./button/select_group/select_group.js";
+import { SingleSelectGroup as S } from "./button/select_group/single_select_group.js";
+export {
+  r as BaseButton,
+  x as Button,
+  p as ButtonGroup,
+  B as SelectGroup,
+  S as SingleSelectGroup,
+  u as SlimButton
+};
+//# sourceMappingURL=index.js.map

package/dist/actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/badge.css

@@ -0,0 +1 @@
+._badge-bubble_7fe9ed5{position:absolute;transform:translate(-50%,-75%)}body[dir=ltr] ._badge-bubble_7fe9ed5{top:0;left:100%}body[dir=rtl] ._badge-bubble_7fe9ed5{top:0;left:0}

package/dist/base_button.css

@@ -0,0 +1 @@
+._base-button_d33aa84{width:auto;height:auto;word-break:break-word;overflow-wrap:break-word;color:var(--button-text-color, #fff);background-color:var(--button-color, var(--accent-color, #ccc))}._base-button_d33aa84[data-width=default]{width:auto;flex-grow:0;flex-shrink:0;flex-basis:auto}

package/dist/body_text.css

@@ -0,0 +1 @@
+._body-text_ee60621{display:inline-block;line-height:1.5}._body-text_ee60621[data-word-break=true]{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}._body-text_ee60621[data-selectable=true]{-webkit-user-select:auto;user-select:auto}._body-text_ee60621[data-selectable=false]{-webkit-user-select:none;user-select:none}._body-text_ee60621[data-size=sm]{font-size:calc(10px * var(--scalar, 1));line-height:1.7}._body-text_ee60621[data-size=md]{font-size:calc(12px * var(--scalar, 1));line-height:1.5}._body-text_ee60621[data-size=lg]{font-size:calc(14px * var(--scalar, 1));line-height:1.3}._body-text_ee60621[data-hierarchy=primary]{opacity:1}._body-text_ee60621[data-hierarchy=secondary]{opacity:.85}._body-text_ee60621[data-hierarchy=tertiary]{opacity:.7}._body-text_ee60621[data-emphasis=strong]{font-weight:700}._body-text_ee60621[data-emphasis=normal]{font-weight:400}._body-text_ee60621[data-emphasis=light]{font-weight:200}

package/dist/body_text.module-h4XQE2pC.js

@@ -0,0 +1,5 @@
+import './body_text.css';const t = "_body-text_ee60621", e = { "body-text": t };
+export {
+  e as s
+};
+//# sourceMappingURL=body_text.module-h4XQE2pC.js.map

package/dist/body_text.module-h4XQE2pC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"body_text.module-h4XQE2pC.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/bottom_resize_handle.css

@@ -0,0 +1 @@
+._bottom-resize-handle_e3e2ef2{position:fixed;bottom:0;left:0;height:16px;width:100%;z-index:1;cursor:ns-resize;pointer-events:auto}

package/dist/bubble.css

@@ -0,0 +1 @@
+._bubble_d3b757e{color:var(--bubble-text-color, inherit);background-color:var(--bubble-color, transparent);box-sizing:border-box;font-size:calc(11px * var(--scalar, 1));border-radius:calc(10px * var(--scalar, 1));box-shadow:0 2px 4px #00000059;min-height:calc(20px * var(--scalar, 1));min-width:calc(20px * var(--scalar, 1));overflow:hidden}

package/dist/button.css

@@ -0,0 +1 @@
+._button_fd354ec{--button-height: calc(26px * var(--scalar, 1));--button-color: var(--accent-color);--button-color-hover: color-mix(in srgb, var(--button-color) 90%, black);--button-color-active: color-mix(in srgb, var(--button-color) 75%, black);--button-color-disabled: var(--status-disabled, #cccccc);min-height:var(--button-height);padding:4px 8px;border-radius:4px;width:auto;border:1px solid transparent;outline:none;cursor:pointer;background:transparent;font-size:calc(14px * var(--scalar, 1));line-height:calc(16px * var(--scalar, 1))}._button_fd354ec:focus-visible{outline:3px solid color-mix(in srgb,var(--button-color) 40%,transparent)}._button_fd354ec[data-hierarchy=primary]{background:var(--button-color);color:#fff}._button_fd354ec[data-hierarchy=primary]:hover{background:var(--button-color-hover);color:#fff}._button_fd354ec[data-hierarchy=primary]:active{background:var(--button-color-active);box-shadow:none}._button_fd354ec[data-hierarchy=secondary]{color:#395578;border-color:#395578}._button_fd354ec[data-hierarchy=secondary]:hover{background:color-mix(in srgb,rgb(57,85,120) 10%,rgb(255,255,255,.5))}._button_fd354ec[data-hierarchy=secondary]:active{background:color-mix(in srgb,rgb(57,85,120) 25%,rgb(255,255,255,.5))}._button_fd354ec[data-hierarchy=tertiary]{border-color:transparent;color:#395578}._button_fd354ec[data-hierarchy=tertiary]:hover{text-decoration:underline;text-decoration-color:#395578;text-decoration-thickness:1px;text-underline-offset:2px}._button_fd354ec[data-hierarchy=tertiary]:active{opacity:.5}._button_fd354ec[data-is-disabled=true]{pointer-events:none;background:var(--button-color-disabled);color:#fff;border-color:var(--button-color-disabled)}._button_fd354ec[data-hierarchy=secondary][data-is-disabled=true]{background:transparent;color:var(--button-color-disabled);border-color:var(--button-color-disabled)}._button_fd354ec[data-hierarchy=tertiary][data-is-disabled=true]{background:transparent;color:var(--button-color-disabled);border-color:transparent}._button_fd354ec[data-size=sm]{--button-height: calc(22px * var(--scalar, 1))}._button_fd354ec[data-size=md]{--button-height: calc(26px * var(--scalar, 1))}._button_fd354ec[data-size=lg]{--button-height: calc(32px * var(--scalar, 1))}._button_fd354ec[data-size=sm] ._button-text_5989b5f{font-size:calc(12px * var(--scalar, 1))}._button_fd354ec[data-size=md] ._button-text_5989b5f{font-size:calc(14px * var(--scalar, 1))}._button_fd354ec[data-size=lg] ._button-text_5989b5f{font-size:calc(16px * var(--scalar, 1))}._button_fd354ec[data-size=sm]{font-size:calc(12px * var(--scalar, 1))}._button_fd354ec[data-size=md]{font-size:calc(14px * var(--scalar, 1))}._button_fd354ec[data-size=lg]{font-size:calc(16px * var(--scalar, 1))}

package/dist/button_group.css

@@ -0,0 +1 @@
+:where(._button-group_87e4f35){--button-background: var(--surface-color, transparent);border-radius:4px}:where(._button-group-button_654d1ae){background-color:var(--button-background);z-index:1}:where(._button-group-divider_9659287){display:none}._button-group-button_654d1ae:not(:first-child){margin-left:-1px}._button-group-button_654d1ae:is(:focus,:focus-visible,:hover,:active){z-index:2}._button-group-button_654d1ae:not(:first-child),._button-group-button_654d1ae:not(:last-child){border-radius:0}._button-group-button_654d1ae:last-child{border-end-end-radius:4px;border-start-end-radius:4px}._button-group-button_654d1ae:first-child{border-start-start-radius:4px;border-end-start-radius:4px}._button-group-button_654d1ae:last-child{border-inline-start-width:0}._button-group-button_654d1ae:first-child{border-inline-end-width:0}._button-group-button_654d1ae:only-child{border-inline-end-width:1px;border-inline-start-width:1px}:where(._button-group_87e4f35[data-size=sm]){--button-height: calc(22px * var(--scalar, 1))}:where(._button-group_87e4f35[data-size=md]){--button-height: calc(26px * var(--scalar, 1))}:where(._button-group_87e4f35[data-size=lg]){--button-height: calc(32px * var(--scalar, 1))}:where(._button-group-button_654d1ae[data-is-disabled=true]){z-index:0}

package/dist/callout.css

@@ -0,0 +1 @@
+._callout_32c6400{display:inline-block;line-height:1.4;letter-spacing:.01em}._callout_32c6400[data-selectable=true]{-webkit-user-select:auto;user-select:auto}._callout_32c6400[data-selectable=false]{-webkit-user-select:none;user-select:none}._callout_32c6400[data-size=sm]{font-size:calc(13px * var(--scalar, 1));line-height:1.5}._callout_32c6400[data-size=md]{font-size:calc(15px * var(--scalar, 1));line-height:1.4}._callout_32c6400[data-size=lg]{font-size:calc(17px * var(--scalar, 1));line-height:1.35}._callout_32c6400[data-hierarchy=primary]{opacity:1}._callout_32c6400[data-hierarchy=secondary]{opacity:.85}._callout_32c6400[data-hierarchy=tertiary]{opacity:.7}._callout_32c6400[data-emphasis=strong]{font-weight:600}._callout_32c6400[data-emphasis=normal]{font-weight:400}._callout_32c6400[data-emphasis=light]{font-weight:300}

package/dist/callout.module-D8ECmxpO.js

@@ -0,0 +1,5 @@
+import './callout.css';const s = "_callout_32c6400", t = { callout: s };
+export {
+  t as s
+};
+//# sourceMappingURL=callout.module-D8ECmxpO.js.map

package/dist/callout.module-D8ECmxpO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.module-D8ECmxpO.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/caption.css

@@ -0,0 +1 @@
+._caption_94e02c4{display:inline-block;line-height:1.6;letter-spacing:.03em}._caption_94e02c4[data-selectable=true]{-webkit-user-select:auto;user-select:auto}._caption_94e02c4[data-selectable=false]{-webkit-user-select:none;user-select:none}._caption_94e02c4[data-size=sm]{font-size:calc(9px * var(--scalar, 1));line-height:1.7}._caption_94e02c4[data-size=md]{font-size:calc(11px * var(--scalar, 1));line-height:1.6}._caption_94e02c4[data-size=lg]{font-size:calc(13px * var(--scalar, 1));line-height:1.5}._caption_94e02c4[data-hierarchy=primary]{opacity:1}._caption_94e02c4[data-hierarchy=secondary]{opacity:.85}._caption_94e02c4[data-hierarchy=tertiary]{opacity:.7}._caption_94e02c4[data-emphasis=strong]{font-weight:500}._caption_94e02c4[data-emphasis=normal]{font-weight:400}._caption_94e02c4[data-emphasis=light]{font-weight:300}

package/dist/caption.module-DDq0H4xZ.js

@@ -0,0 +1,5 @@
+import './caption.css';const s = "_caption_94e02c4", t = { caption: s };
+export {
+  t as s
+};
+//# sourceMappingURL=caption.module-DDq0H4xZ.js.map

package/dist/caption.module-DDq0H4xZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"caption.module-DDq0H4xZ.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/card.css

@@ -0,0 +1 @@
+._card_a3c9492{box-shadow:0 2px 10px #00000040;padding:16px;gap:8px}

package/dist/checkbox.css

@@ -0,0 +1 @@
+._checkbox_cb77818{-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none;cursor:pointer;width:calc(var(--scalar, 1) * 15px);height:calc(var(--scalar, 1) * 15px);border-radius:4px;outline:none;outline-offset:0;border:1px solid var(--accent-color);margin:0;background-color:#fff;box-sizing:border-box;background-size:calc(12px * var(--scalar, 1)) calc(12px * var(--scalar, 1));background-position:center;background-repeat:no-repeat}._checkbox_cb77818[data-is-disabled=false]:active{background-color:var(--accent-color)}._checkbox_cb77818[data-is-disabled=true]{background-color:#0000000d;cursor:not-allowed;opacity:.5}._checkbox_cb77818:focus{outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}._checkbox_cb77818[data-checked=true]{background-color:var(--accent-color);background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._checkbox_cb77818[data-is-disabled=false]:active{background-color:var(--accent-color);background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}._checkbox_cb77818[data-is-disabled=true]{background-color:#0000004d}._checkbox_cb77818[data-checked=true][data-is-disabled=true]{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='rgba(255,255,255,0.3)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='rgba(255,255,255,0.3)' stroke-width='2'/%3E%3C/svg%3E")}

package/dist/chip.css

@@ -0,0 +1 @@
+._chip_35f6f0b{box-sizing:border-box;color:var(--chip-color, inherit);background-color:transparent;width:auto;height:auto;word-break:break-all;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding:calc(2px * var(--scalar, 1)) calc(4px * var(--scalar, 1));border-radius:calc(10px * var(--scalar, 1));border:1px solid var(--chip-color, inherit)}

package/dist/circle.css

@@ -0,0 +1 @@
+._circle_2f733a0{border:1px solid color-mix(in srgb,var(--color) 25%,rgba(0,0,0,.5));color:color-mix(in srgb,var(--color) 15%,rgba(0,0,0,.8));background-color:var(--color);border-radius:50%;flex-shrink:0}

package/dist/collapsible_box.css

@@ -0,0 +1 @@
+._collapsible-box_2a2824f{transition:max-height .5s ease,max-width .5s ease;height:100%;overflow:hidden}._collapsible-box_2a2824f[data-collapse-orientation=horizontal][data-is-collapsed=true]{max-width:0}._collapsible-box_2a2824f[data-collapse-orientation=horizontal][data-is-resizing=true]{max-width:unset}._collapsible-box_2a2824f[data-collapse-orientation=horizontal][data-is-resizing=false][data-is-collapsed=false]{max-width:var(--collapsible-size)}._collapsible-box_2a2824f[data-collapse-orientation=vertical][data-is-collapsed=true]{max-height:0}._collapsible-box_2a2824f[data-collapse-orientation=vertical][data-is-collapsed=false]{max-height:var(--collapsible-size, 100%)}._collapsible-box_2a2824f[data-collapse-orientation=vertical][data-is-resizing=true]{max-height:unset}._collapsible-box_2a2824f[data-collapse-orientation=vertical][data-is-resizing=false][data-is-collapsed=false]{max-height:var(--collapsible-size)}

package/dist/collapsible_box.module-BiS98xXA.js

@@ -0,0 +1,5 @@
+import './collapsible_box.css';const l = "_collapsible-box_2a2824f", o = { "collapsible-box": l };
+export {
+  o as s
+};
+//# sourceMappingURL=collapsible_box.module-BiS98xXA.js.map

package/dist/collapsible_box.module-BiS98xXA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible_box.module-BiS98xXA.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/color_input.css

@@ -0,0 +1 @@
+._checker-board_2cc94a9{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}._color-input-select_abe3066:dir(ltr):after{content:"";position:absolute;right:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._color-input-select_abe3066:dir(rtl):after{content:"";position:absolute;left:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._color-input-select_abe3066[data-hierarchy=secondary]{height:calc(16px * var(--scalar, 1));border:1px solid #aaa;color:var(--font-color)}._color-input-select_abe3066:hover:after{background-color:var(--accent-color)}._color-input-select_abe3066[data-hierarchy=secondary]:hover{color:var(--accent-color);border-color:var(--accent-color);background-color:transparent}

package/dist/color_picker.css

@@ -0,0 +1 @@
+._color-picker_4757d5a{box-shadow:none;border-radius:8px;outline:none;background-color:#fff;box-shadow:var(--drop-shadow-depth-3, 0 2px 10px 0 rgba(0, 0, 0, .1))}._color-picker_4757d5a>._chrome-picker_2f64060{box-shadow:none!important;border-radius:4px!important;overflow:hidden}

package/dist/column.css

@@ -0,0 +1 @@
+._column_ce05462{min-width:250px;height:100%;min-height:100%}._column-stack_80b940b{gap:8px;padding:8px;width:100%;height:100%}._column_ce05462:after{content:"";position:absolute;bottom:var(--padding);top:var(--padding);right:0;width:1px;background-color:#ddd}._column_ce05462:last-child:after{display:none}.h-stack>._column_ce05462[data-width=default]{width:auto;flex-basis:auto;flex-grow:0;flex-shrink:0}

package/dist/confirm.css

@@ -0,0 +1 @@
+._confirm_e53f865{border-radius:16px;box-shadow:0 3px 10px #00000059;background-color:var(--body-color);text-align:center;padding:16px;width:250px;height:auto}._confirm_e53f865[data-shake=true]{animation:_shake_d5d9154 .3s ease-in-out;animation-iteration-count:1}._actions_b7ffee5>button{width:100%;margin-bottom:8px}@keyframes _shake_d5d9154{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}to{transform:translate(0)}}

package/dist/date_picker.css

@@ -0,0 +1 @@
+._date-picker_0a0d8e4{outline:none}._date-picker-box_4da3776{font-size:14px;background-color:#fff;color:#000000e6;border:0;border-radius:4px;padding:4px;box-sizing:border-box;color:var(--font-color);-webkit-tap-highlight-color:transparent}._date-picker-box_4da3776[data-is-disabled=true]{opacity:.5;pointer-events:none}

package/dist/date_picker_date.css

@@ -0,0 +1 @@
+._date-picker-date_38d540e{padding:0;border:2px solid transparent;border-radius:4px;cursor:pointer;background-color:transparent;color:var(--font-color);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}._date-picker-date_38d540e:hover,._date-picker-date_38d540e:focus,._date-picker-date_38d540e[data-is-today]:hover,._date-picker-date_38d540e[data-is-today]:focus{border:2px dotted var(--accent-color);outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}._date-picker-date_38d540e[data-is-within-month=false],._date-picker-date_38d540e[data-is-within-month=false]:hover,._date-picker-date_38d540e[data-is-within-range=false],._date-picker-date_38d540e[data-is-disabled=true],._date-picker-date_38d540e[data-is-disabled=true]:hover{border:2px dotted transparent;cursor:not-allowed;opacity:.5;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}._date-picker-date_38d540e[data-is-selected=true],._date-picker-date_38d540e[data-is-today=true][data-is-selected=true]{border:2px solid var(--accent-color);background-color:var(--accent-color);color:#fff;box-shadow:0 0 4px #00000059;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}._date-picker-date_38d540e[data-is-selected=true][data-is-disabled=true],._date-picker-date_38d540e[data-is-selected=true][data-is-within-range=false]{border:2px solid var(--error-color, var(--default-error-color));background-color:var(--error-color, var(--default-error-color));color:#ffffff80;opacity:1}._date-picker-date_38d540e[data-is-disabled=true] *{text-decoration:line-through}._date-picker-today_af9d1ab{width:100%;height:100%;border-radius:50%;border:2px solid #dcdcdc}._date-picker-today_af9d1ab[data-is-selected=true]{border:2px solid rgb(255,255,255,.5)}._date-picker-date_38d540e{height:calc(32px * var(--scalar, 1));width:calc(32px * var(--scalar, 1))}

package/dist/date_picker_day.css

@@ -0,0 +1 @@
+._date-picker-day_2945845{height:calc(32px * var(--scalar, 1))!important;width:calc(32px * var(--scalar, 1))!important}

package/dist/date_picker_header.css

@@ -0,0 +1 @@
+._date-picker-header_696681a{height:35px}

package/dist/date_picker_input.css

@@ -0,0 +1 @@
+._button_f404820{padding-inline-end:calc(24px * var(--scalar, 1))}._button_f404820:focus{outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}._button_f404820[data-hierarchy=secondary]{border:1px solid #aaa;color:var(--font-color)}._button_f404820:dir(ltr):after{content:"";position:absolute;right:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._button_f404820:dir(rtl):after{content:"";position:absolute;left:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._button_f404820:hover:after{background-color:var(--accent-color)}._button_f404820[data-hierarchy=secondary]:hover{color:var(--accent-color);border-color:var(--accent-color);background-color:transparent}._popover_708f951{box-shadow:0 0 30px #00000040;border-radius:8px;background-color:#f1f1f1;height:auto}

package/dist/date_picker_time_selector.css

@@ -0,0 +1 @@
+._time-box_f3145be{font-size:14px;background-color:#fff;color:var(--font-color);border:0;border-radius:4px;padding:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:#000000d9;-webkit-tap-highlight-color:transparent;height:100%}._time-box_f3145be[data-is-disabled=true]{opacity:.5;pointer-events:none}._time-box-title_6cc801b{color:#6e6e6e}._time-box-title-container_22add52{border-bottom:1px solid rgb(222,222,222);min-height:35px;height:35px}._selected-time_33e3aa3{background-color:var(--accent-color)!important;color:#ffffffe6!important}