@omkarux/vela 0.2.0

package/dist/components/Toggle/Toggle.js

@@ -0,0 +1,55 @@
+import { jsxs as I, jsx as a } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as N } from "../../lib/cn.js";
+const y = o.forwardRef(
+  function({
+    checked: s,
+    defaultChecked: i = !1,
+    onChange: e,
+    disabled: l = !1,
+    label: f,
+    labelPosition: m = "right",
+    size: u = "regular",
+    id: r,
+    name: v,
+    className: d
+  }, p) {
+    const c = s !== void 0, [b, _] = o.useState(i), t = c ? s : b, k = o.useId(), n = `${r ?? k}-label`, g = () => {
+      l || (c || _(!t), e == null || e(!t));
+    };
+    return /* @__PURE__ */ I(
+      "span",
+      {
+        className: N(
+          "vela-toggle",
+          `vela-toggle--${u}`,
+          m === "left" && "vela-toggle--left",
+          l && "vela-toggle--disabled",
+          d
+        ),
+        children: [
+          /* @__PURE__ */ a(
+            "button",
+            {
+              ref: p,
+              id: r,
+              name: v,
+              type: "button",
+              role: "switch",
+              "aria-checked": t,
+              "aria-labelledby": n,
+              disabled: l,
+              onClick: g,
+              className: "vela-toggle__track",
+              children: /* @__PURE__ */ a("span", { className: "vela-toggle__knob" })
+            }
+          ),
+          /* @__PURE__ */ a("span", { id: n, className: "vela-toggle__label", onClick: g, children: f })
+        ]
+      }
+    );
+  }
+);
+export {
+  y as Toggle
+};

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

@@ -0,0 +1,2 @@
+export { Toggle } from './Toggle';
+export type { ToggleProps } from './Toggle';

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @omkarux/vela — public API.
+ *
+ * Everything exported here is a promise: renaming or removing any of it is a
+ * MAJOR version. Anything not exported here is internal and free to change.
+ *
+ * Styles are NOT imported by this file. Consumers import them explicitly:
+ *   import '@omkarux/vela/styles.css'
+ * That keeps the JS bundle free of CSS side effects and leaves SSR and
+ * style ordering under the consuming app's control.
+ */
+export { Button } from './components/Button';
+export type { ButtonProps, ButtonVariant, ButtonSize, SolidButtonProps, TextLinkButtonProps, } from './components/Button';
+export { Toggle } from './components/Toggle';
+export type { ToggleProps } from './components/Toggle';
+export { Input } from './components/Input';
+export type { InputProps } from './components/Input';
+export { ContextualAlert } from './components/ContextualAlert';
+export type { ContextualAlertProps, Severity } from './components/ContextualAlert';
+export { StatusIndicator } from './components/StatusIndicator';
+export type { StatusIndicatorProps, Status } from './components/StatusIndicator';
+export { Tabs } from './components/Tabs';
+export type { TabsProps, TabListProps, TabTriggerProps, TabPanelProps } from './components/Tabs';
+export { cn } from './lib/cn';

package/dist/index.js

@@ -0,0 +1,16 @@
+import { cn as t } from "./lib/cn.js";
+import { Button as p } from "./components/Button/Button.js";
+import { ContextualAlert as f } from "./components/ContextualAlert/ContextualAlert.js";
+import { Input as n } from "./components/Input/Input.js";
+import { StatusIndicator as u } from "./components/StatusIndicator/StatusIndicator.js";
+import { Tabs as c } from "./components/Tabs/Tabs.js";
+import { Toggle as s } from "./components/Toggle/Toggle.js";
+export {
+  p as Button,
+  f as ContextualAlert,
+  n as Input,
+  u as StatusIndicator,
+  c as Tabs,
+  s as Toggle,
+  t as cn
+};

package/dist/lib/cn.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Join class names. Deliberately ~5 lines rather than a dependency:
+ * a design system's dependency list is a liability its consumers inherit.
+ */
+export declare function cn(...parts: Array<string | false | null | undefined>): string;

package/dist/lib/cn.js

@@ -0,0 +1,6 @@
+function o(...n) {
+  return n.filter(Boolean).join(" ");
+}
+export {
+  o as cn
+};

package/dist/lib/icons.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const CheckCircleIcon: (p: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const InfoCircleIcon: (p: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const WarningTriangleIcon: (p: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const CriticalOctagonIcon: (p: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const CloseIcon: (p: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+export declare const PlusIcon: (p: React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/dist/lib/icons.js

@@ -0,0 +1,32 @@
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+const o = {
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.5,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": !0
+}, l = (r) => /* @__PURE__ */ n("svg", { ...o, ...r, children: [
+  /* @__PURE__ */ c("circle", { cx: "8", cy: "8", r: "6.25" }),
+  /* @__PURE__ */ c("path", { d: "M5.5 8.2 7.2 9.9l3.3-3.6" })
+] }), t = (r) => /* @__PURE__ */ n("svg", { ...o, ...r, children: [
+  /* @__PURE__ */ c("circle", { cx: "8", cy: "8", r: "6.25" }),
+  /* @__PURE__ */ c("path", { d: "M8 7.4v3.4" }),
+  /* @__PURE__ */ c("circle", { cx: "8", cy: "5.2", r: ".85", fill: "currentColor", stroke: "none" })
+] }), i = (r) => /* @__PURE__ */ n("svg", { ...o, ...r, children: [
+  /* @__PURE__ */ c("path", { d: "M8 2.2 14.4 13.3H1.6z" }),
+  /* @__PURE__ */ c("path", { d: "M8 6.4v3.1" }),
+  /* @__PURE__ */ c("circle", { cx: "8", cy: "11.4", r: ".8", fill: "currentColor", stroke: "none" })
+] }), s = (r) => /* @__PURE__ */ n("svg", { ...o, ...r, children: [
+  /* @__PURE__ */ c("path", { d: "M5.3 1.8h5.4l3.5 3.5v5.4l-3.5 3.5H5.3l-3.5-3.5V5.3z" }),
+  /* @__PURE__ */ c("path", { d: "M8 4.9v3.4" }),
+  /* @__PURE__ */ c("circle", { cx: "8", cy: "10.9", r: ".8", fill: "currentColor", stroke: "none" })
+] }), d = (r) => /* @__PURE__ */ c("svg", { ...o, ...r, children: /* @__PURE__ */ c("path", { d: "M4 4l8 8M12 4l-8 8" }) });
+export {
+  l as CheckCircleIcon,
+  d as CloseIcon,
+  s as CriticalOctagonIcon,
+  t as InfoCircleIcon,
+  i as WarningTriangleIcon
+};