@seekbuddy/dsh-ui 0.0.0-stage → 0.2.0-beta.0

package/dist/chunks/chunk-5JXG4BHW.js

@@ -0,0 +1,31 @@
+import {
+  BrowseOutlineArtwork,
+  ChatLinesOutlineArtwork,
+  FolderCloseArtwork,
+  ICON_MEDIUM_STROKE,
+  ICON_REGULAR_STROKE
+} from "./chunk-LA3QDZYN.js";
+
+// src/ReferenceIcon.tsx
+import { jsx } from "react/jsx-runtime";
+function ReferenceIconArtwork({ kind, size = 16, className, strokeWidth }) {
+  switch (kind) {
+    case "session":
+      return /* @__PURE__ */ jsx(ChatLinesOutlineArtwork, { size, className, strokeWidth });
+    case "file":
+      return /* @__PURE__ */ jsx(BrowseOutlineArtwork, { size, className, strokeWidth });
+    case "folder":
+      return /* @__PURE__ */ jsx(FolderCloseArtwork, { size, className, strokeWidth });
+  }
+}
+function ReferenceIconRegular(props) {
+  return /* @__PURE__ */ jsx(ReferenceIconArtwork, { ...props, strokeWidth: ICON_REGULAR_STROKE });
+}
+function ReferenceIconMedium(props) {
+  return /* @__PURE__ */ jsx(ReferenceIconArtwork, { ...props, strokeWidth: ICON_MEDIUM_STROKE });
+}
+
+export {
+  ReferenceIconRegular,
+  ReferenceIconMedium
+};

package/dist/chunks/chunk-5XDVPALS.js

@@ -0,0 +1,61 @@
+// src/seekbuddy/Switch.tsx
+import clsx from "clsx";
+import { useState } from "react";
+
+// .build/css/seekbuddy/Switch.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/Switch.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id);
+  element.textContent = "._3Mj9Ga_switch{--switch-height:20px;--switch-thumb:16px;--switch-pad:2px;appearance:none;box-sizing:border-box;min-width:calc(var(--switch-height) * 1.8);height:var(--switch-height);min-height:0;padding:var(--switch-pad);corner-shape:round;background:color-mix(in srgb, var(--dsw-alias-label-primary) 40%, transparent);color:var(--dsw-alias-label-primary-foreground);cursor:pointer;vertical-align:middle;border:0;border-radius:999px;flex:none;align-items:center;margin:0;display:inline-flex;position:relative}._3Mj9Ga_large{--switch-height:22px;--switch-thumb:18px}._3Mj9Ga_small{--switch-height:16px;--switch-thumb:12px}._3Mj9Ga_on{background:var(--dsw-alias-brand-primary)}._3Mj9Ga_switch:disabled{cursor:not-allowed;opacity:.5}._3Mj9Ga_switch:focus-visible{outline-offset:2px;outline-style:solid}._3Mj9Ga_thumb{top:var(--switch-pad);width:var(--switch-thumb);height:var(--switch-thumb);corner-shape:round;background:var(--dsw-alias-switch-thumb);border-radius:50%;position:absolute;inset-inline-start:var(--switch-pad)}._3Mj9Ga_on ._3Mj9Ga_thumb{background:var(--dsw-alias-label-primary-foreground);inset-inline-start:calc(100% - var(--switch-thumb) - var(--switch-pad))}._3Mj9Ga_inner{min-width:0;padding-inline:calc(var(--switch-thumb) + var(--switch-pad) + 4px) 6px;font:var(--dsw-font-xxs-12);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}._3Mj9Ga_large ._3Mj9Ga_inner{padding-inline:calc(var(--switch-thumb) + var(--switch-pad) + 5px) 8px;font:var(--dsw-font-xs-13);line-height:1}._3Mj9Ga_small ._3Mj9Ga_inner{padding-inline:calc(var(--switch-thumb) + var(--switch-pad) + 3px) 5px;font:var(--dsw-font-xxxs-11);line-height:1}._3Mj9Ga_on ._3Mj9Ga_inner{padding-inline:6px calc(var(--switch-thumb) + var(--switch-pad) + 4px)}._3Mj9Ga_on._3Mj9Ga_large ._3Mj9Ga_inner{padding-inline:8px calc(var(--switch-thumb) + var(--switch-pad) + 5px)}._3Mj9Ga_on._3Mj9Ga_small ._3Mj9Ga_inner{padding-inline:5px calc(var(--switch-thumb) + var(--switch-pad) + 3px)}";
+  document.head.appendChild(element);
+}
+var Switch_module_default = { "switch": "_3Mj9Ga_switch", "inner": "_3Mj9Ga_inner", "large": "_3Mj9Ga_large", "small": "_3Mj9Ga_small", "thumb": "_3Mj9Ga_thumb", "on": "_3Mj9Ga_on" };
+
+// src/seekbuddy/Switch.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Switch({
+  checked,
+  defaultChecked,
+  defaultValue,
+  checkedChildren,
+  unCheckedChildren,
+  disabled,
+  size = "medium",
+  onChange,
+  onClick,
+  className,
+  ...rest
+}) {
+  const [inner, setInner] = useState(defaultChecked ?? defaultValue ?? false);
+  const isControlled = checked !== void 0;
+  const on = isControlled ? checked : inner;
+  const hasChildren = checkedChildren !== void 0 || unCheckedChildren !== void 0;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ...rest,
+      type: "button",
+      role: "switch",
+      "aria-checked": on,
+      disabled,
+      className: clsx(Switch_module_default.switch, Switch_module_default[size], on && Switch_module_default.on, hasChildren && Switch_module_default.withChildren, className),
+      onClick: (event) => {
+        if (disabled) return;
+        const next = !on;
+        onClick?.(next, event);
+        if (event.defaultPrevented) return;
+        if (!isControlled) setInner(next);
+        onChange?.(next, event);
+      },
+      children: [
+        /* @__PURE__ */ jsx("span", { className: Switch_module_default.thumb, "aria-hidden": "true" }),
+        hasChildren && /* @__PURE__ */ jsx("span", { className: Switch_module_default.inner, children: on ? checkedChildren : unCheckedChildren })
+      ]
+    }
+  );
+}
+
+export {
+  Switch
+};