soadtech-ui 0.1.0

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,42 @@
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { forwardRef as f, Children as v, isValidElement as N, cloneElement as b } from "react";
+import { cn as L } from "../../utils/cn.js";
+import r from "./Breadcrumbs.module.css.js";
+function g() {
+  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", className: r.separatorIcon, children: /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M4.5 2.5L8 6L4.5 9.5",
+      stroke: "currentColor",
+      strokeWidth: "1.2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function k() {
+  return /* @__PURE__ */ e("span", { className: r.separatorIcon, children: "/" });
+}
+const B = f(
+  ({ separator: o = "chevron", maxItems: t, className: i, children: c, ...d }, p) => {
+    const s = v.toArray(c).filter(N);
+    let a;
+    if (t && s.length > t) {
+      const l = s.slice(-(t - 1));
+      a = [s[0], "ellipsis", ...l];
+    } else
+      a = s;
+    const h = o === "chevron" ? g : k;
+    return /* @__PURE__ */ e("nav", { ref: p, "aria-label": "Breadcrumb", className: L(r.root, i), ...d, children: /* @__PURE__ */ e("ol", { className: r.list, children: a.map((l, n) => {
+      const m = n === a.length - 1;
+      return /* @__PURE__ */ u("li", { className: r.listItem, children: [
+        n > 0 && /* @__PURE__ */ e("span", { className: r.separator, "aria-hidden": "true", children: /* @__PURE__ */ e(h, {}) }),
+        l === "ellipsis" ? /* @__PURE__ */ e("span", { className: r.ellipsis, children: "..." }) : b(l, { _active: m })
+      ] }, n);
+    }) }) });
+  }
+);
+B.displayName = "Breadcrumbs";
+export {
+  B as Breadcrumbs
+};

package/dist/components/Breadcrumbs/Breadcrumbs.module.css

@@ -0,0 +1 @@
+._root_4sw02_1{font-family:var(--st-font-family);font-size:var(--st-font-size-sm)}._list_4sw02_6{display:flex;align-items:center;flex-wrap:wrap;gap:var(--st-space-1);list-style:none;padding:0;margin:0}._listItem_4sw02_16{display:inline-flex;align-items:center;gap:var(--st-space-1)}._item_4sw02_24{display:inline-flex;align-items:center;gap:var(--st-space-1);color:var(--st-color-muted);line-height:var(--st-line-height-tight)}._link_4sw02_32{text-decoration:none;cursor:pointer;transition:color var(--st-transition-fast)}._link_4sw02_32:hover{color:var(--st-color-foreground)}._link_4sw02_32:focus-visible{outline:2px solid var(--st-color-primary);outline-offset:2px;border-radius:var(--st-radius-sm)}._active_4sw02_48{color:var(--st-color-foreground);font-weight:var(--st-font-weight-semibold)}._icon_4sw02_55{display:inline-flex;align-items:center;flex-shrink:0}._separator_4sw02_63{display:inline-flex;align-items:center;color:var(--st-color-neutral-400);-webkit-user-select:none;user-select:none}._separatorIcon_4sw02_70{display:inline-flex;align-items:center}._ellipsis_4sw02_77{color:var(--st-color-muted);-webkit-user-select:none;user-select:none;letter-spacing:1px}

package/dist/components/Breadcrumbs/Breadcrumbs.module.css.js

@@ -0,0 +1,25 @@
+import './Breadcrumbs.module.css';const s = "_root_4sw02_1", t = "_list_4sw02_6", o = "_listItem_4sw02_16", _ = "_item_4sw02_24", i = "_link_4sw02_32", e = "_active_4sw02_48", c = "_icon_4sw02_55", n = "_separator_4sw02_63", a = "_separatorIcon_4sw02_70", l = "_ellipsis_4sw02_77", r = {
+  root: s,
+  list: t,
+  listItem: o,
+  item: _,
+  link: i,
+  active: e,
+  icon: c,
+  separator: n,
+  separatorIcon: a,
+  ellipsis: l
+};
+export {
+  e as active,
+  r as default,
+  l as ellipsis,
+  c as icon,
+  _ as item,
+  i as link,
+  t as list,
+  o as listItem,
+  s as root,
+  n as separator,
+  a as separatorIcon
+};

package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type BreadcrumbSeparator = 'chevron' | 'slash';
+export interface BreadcrumbsProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    /** Separator between items */
+    separator?: BreadcrumbSeparator;
+    /** Max visible items before collapsing middle items to "..." */
+    maxItems?: number;
+    children: ReactNode;
+}
+export interface BreadcrumbItemProps extends HTMLAttributes<HTMLElement> {
+    /** When provided, renders as a link */
+    href?: string;
+    /** Optional icon before text */
+    icon?: ReactNode;
+    /** @internal Set by Breadcrumbs container */
+    _active?: boolean;
+}
+//# sourceMappingURL=Breadcrumbs.types.d.ts.map

package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACrD,8BAA8B;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,mBACf,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnC,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

@@ -0,0 +1,4 @@
+export { Breadcrumbs } from './Breadcrumbs';
+export { BreadcrumbItem } from './BreadcrumbItem';
+export type { BreadcrumbsProps, BreadcrumbSeparator, BreadcrumbItemProps, } from './Breadcrumbs.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Breadcrumbs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,qBAAqB,CAAC"}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from './Button.types';
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,2GAmClB,CAAC"}

package/dist/components/Button/Button.js

@@ -0,0 +1,42 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { cn as y } from "../../utils/cn.js";
+import o from "./Button.module.css.js";
+const u = f(
+  ({
+    variant: l = "fill",
+    color: n = "primary",
+    size: a = "md",
+    iconLeft: r,
+    iconRight: s,
+    className: p,
+    children: m,
+    ...c
+  }, e) => {
+    const i = !m && (r || s);
+    return /* @__PURE__ */ d(
+      "button",
+      {
+        ref: e,
+        className: y(
+          o.root,
+          o[l],
+          o[n],
+          o[a],
+          i && o.iconOnly,
+          p
+        ),
+        ...c,
+        children: [
+          r && /* @__PURE__ */ t("span", { className: o.iconSlot, children: r }),
+          m,
+          s && /* @__PURE__ */ t("span", { className: o.iconSlot, children: s })
+        ]
+      }
+    );
+  }
+);
+u.displayName = "Button";
+export {
+  u as Button
+};

package/dist/components/Button/Button.module.css

@@ -0,0 +1 @@
+._root_1wmve_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--st-space-2);border:1px solid transparent;border-radius:var(--st-radius-full);font-family:var(--st-font-family);font-weight:var(--st-font-weight-medium);line-height:var(--st-line-height-tight);cursor:pointer;transition:background-color var(--st-transition-fast),border-color var(--st-transition-fast),color var(--st-transition-fast),box-shadow var(--st-transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:none}._root_1wmve_1:focus-visible{outline:2px solid var(--st-color-primary);outline-offset:2px}._root_1wmve_1:disabled{opacity:.5;pointer-events:none}._iconSlot_1wmve_33{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._fill_1wmve_44._primary_1wmve_44{background-color:var(--st-color-neutral-900);color:#fff}._fill_1wmve_44._primary_1wmve_44:hover:not(:disabled){background-color:var(--st-color-neutral-800)}._fill_1wmve_44._primary_1wmve_44:active:not(:disabled){background-color:var(--st-color-neutral-950)}._fill_1wmve_44._danger_1wmve_57{background-color:var(--st-color-error);color:#fff}._fill_1wmve_44._danger_1wmve_57:hover:not(:disabled){background-color:var(--st-color-error-hover)}._fill_1wmve_44._danger_1wmve_57:active:not(:disabled){background-color:#991b1b}._outline_1wmve_74._primary_1wmve_44{background-color:transparent;border-color:var(--st-color-neutral-300);color:var(--st-color-neutral-900)}._outline_1wmve_74._primary_1wmve_44:hover:not(:disabled){background-color:var(--st-color-neutral-100)}._outline_1wmve_74._primary_1wmve_44:active:not(:disabled){background-color:var(--st-color-neutral-200)}._outline_1wmve_74._danger_1wmve_57{background-color:transparent;border-color:var(--st-color-error);color:var(--st-color-error)}._outline_1wmve_74._danger_1wmve_57:hover:not(:disabled){background-color:var(--st-color-error-subtle)}._outline_1wmve_74._danger_1wmve_57:active:not(:disabled){background-color:#fee2e2}._ghost_1wmve_106._primary_1wmve_44{background-color:transparent;color:var(--st-color-neutral-900)}._ghost_1wmve_106._primary_1wmve_44:hover:not(:disabled){background-color:var(--st-color-neutral-100)}._ghost_1wmve_106._primary_1wmve_44:active:not(:disabled){background-color:var(--st-color-neutral-200)}._ghost_1wmve_106._danger_1wmve_57{background-color:transparent;color:var(--st-color-error)}._ghost_1wmve_106._danger_1wmve_57:hover:not(:disabled){background-color:var(--st-color-error-subtle)}._ghost_1wmve_106._danger_1wmve_57:active:not(:disabled){background-color:#fee2e2}._lg_1wmve_136{height:48px;padding:0 var(--st-space-5);font-size:var(--st-font-size-md)}._md_1wmve_142{height:40px;padding:0 var(--st-space-4);font-size:var(--st-font-size-sm)}._sm_1wmve_148{height:32px;padding:0 var(--st-space-3);font-size:var(--st-font-size-sm)}._iconOnly_1wmve_156._lg_1wmve_136{width:48px;padding:0}._iconOnly_1wmve_156._md_1wmve_142{width:40px;padding:0}._iconOnly_1wmve_156._sm_1wmve_148{width:32px;padding:0}

package/dist/components/Button/Button.module.css.js

@@ -0,0 +1,27 @@
+import './Button.module.css';const o = "_root_1wmve_1", _ = "_iconSlot_1wmve_33", n = "_fill_1wmve_44", t = "_primary_1wmve_44", s = "_danger_1wmve_57", e = "_outline_1wmve_74", l = "_ghost_1wmve_106", m = "_lg_1wmve_136", c = "_md_1wmve_142", i = "_sm_1wmve_148", r = "_iconOnly_1wmve_156", v = {
+  root: o,
+  iconSlot: _,
+  fill: n,
+  primary: t,
+  danger: s,
+  outline: e,
+  ghost: l,
+  lg: m,
+  md: c,
+  sm: i,
+  iconOnly: r
+};
+export {
+  s as danger,
+  v as default,
+  n as fill,
+  l as ghost,
+  r as iconOnly,
+  _ as iconSlot,
+  m as lg,
+  c as md,
+  e as outline,
+  t as primary,
+  o as root,
+  i as sm
+};

package/dist/components/Button/Button.types.d.ts

@@ -0,0 +1,17 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export type ButtonVariant = 'fill' | 'outline' | 'ghost';
+export type ButtonColor = 'primary' | 'danger';
+export type ButtonSize = 'lg' | 'md' | 'sm';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Visual style */
+    variant?: ButtonVariant;
+    /** Color scheme */
+    color?: ButtonColor;
+    /** Size */
+    size?: ButtonSize;
+    /** Icon before text */
+    iconLeft?: ReactNode;
+    /** Icon after text */
+    iconRight?: ReactNode;
+}
+//# sourceMappingURL=Button.types.d.ts.map

package/dist/components/Button/Button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AACzD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,mBAAmB;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW;IACX,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sBAAsB;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}

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

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonColor, ButtonSize, } from './Button.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,GACX,MAAM,gBAAgB,CAAC"}

package/dist/components/ButtonLink/ButtonLink.d.ts

@@ -0,0 +1,3 @@
+import { ButtonLinkProps } from './ButtonLink.types';
+export declare const ButtonLink: import('react').ForwardRefExoticComponent<ButtonLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=ButtonLink.d.ts.map

package/dist/components/ButtonLink/ButtonLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonLink/ButtonLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,+GAkCtB,CAAC"}

package/dist/components/ButtonLink/ButtonLink.js

@@ -0,0 +1,40 @@
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { cn as f } from "../../utils/cn.js";
+import r from "./ButtonLink.module.css.js";
+const x = c(
+  ({
+    color: t = "primary",
+    size: i = "md",
+    iconLeft: a,
+    iconRight: s,
+    disabled: o = !1,
+    className: n,
+    children: e,
+    ...l
+  }, d) => /* @__PURE__ */ p(
+    "a",
+    {
+      ref: d,
+      className: f(
+        r.root,
+        r[t],
+        r[i],
+        o && r.disabled,
+        n
+      ),
+      "aria-disabled": o || void 0,
+      tabIndex: o ? -1 : void 0,
+      ...l,
+      children: [
+        a && /* @__PURE__ */ m("span", { className: r.iconSlot, children: a }),
+        e,
+        s && /* @__PURE__ */ m("span", { className: r.iconSlot, children: s })
+      ]
+    }
+  )
+);
+x.displayName = "ButtonLink";
+export {
+  x as ButtonLink
+};

package/dist/components/ButtonLink/ButtonLink.module.css

@@ -0,0 +1 @@
+._root_1jllt_1{display:inline-flex;align-items:center;gap:var(--st-space-1);font-family:var(--st-font-family);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-tight);text-decoration:none;cursor:pointer;border-radius:var(--st-radius-sm);transition:color var(--st-transition-fast)}._root_1jllt_1:hover{text-decoration:underline}._root_1jllt_1:focus-visible{outline:2px solid currentColor;outline-offset:2px}._iconSlot_1jllt_25{display:inline-flex;align-items:center;flex-shrink:0}._primary_1jllt_33{color:var(--st-color-primary)}._primary_1jllt_33:hover{color:var(--st-color-primary-hover)}._primary_1jllt_33:active{color:var(--st-color-primary-active)}._secondary_1jllt_45{color:var(--st-color-neutral-600)}._secondary_1jllt_45:hover{color:var(--st-color-neutral-800)}._secondary_1jllt_45:active{color:var(--st-color-neutral-900)}._danger_1jllt_57{color:var(--st-color-error)}._danger_1jllt_57:hover{color:var(--st-color-error-hover)}._lg_1jllt_67{font-size:var(--st-font-size-md)}._md_1jllt_71{font-size:var(--st-font-size-sm)}._sm_1jllt_75{font-size:var(--st-font-size-xs)}._disabled_1jllt_81{opacity:.5;pointer-events:none;text-decoration:none}

package/dist/components/ButtonLink/ButtonLink.module.css.js

@@ -0,0 +1,23 @@
+import './ButtonLink.module.css';const l = "_root_1jllt_1", t = "_iconSlot_1jllt_25", _ = "_primary_1jllt_33", o = "_secondary_1jllt_45", s = "_danger_1jllt_57", n = "_lg_1jllt_67", c = "_md_1jllt_71", d = "_sm_1jllt_75", r = "_disabled_1jllt_81", a = {
+  root: l,
+  iconSlot: t,
+  primary: _,
+  secondary: o,
+  danger: s,
+  lg: n,
+  md: c,
+  sm: d,
+  disabled: r
+};
+export {
+  s as danger,
+  a as default,
+  r as disabled,
+  t as iconSlot,
+  n as lg,
+  c as md,
+  _ as primary,
+  l as root,
+  o as secondary,
+  d as sm
+};

package/dist/components/ButtonLink/ButtonLink.types.d.ts

@@ -0,0 +1,16 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+export type ButtonLinkColor = 'primary' | 'secondary' | 'danger';
+export type ButtonLinkSize = 'lg' | 'md' | 'sm';
+export interface ButtonLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Color scheme */
+    color?: ButtonLinkColor;
+    /** Size */
+    size?: ButtonLinkSize;
+    /** Icon before text */
+    iconLeft?: ReactNode;
+    /** Icon after text */
+    iconRight?: ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+}
+//# sourceMappingURL=ButtonLink.types.d.ts.map

package/dist/components/ButtonLink/ButtonLink.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.types.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonLink/ButtonLink.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AACjE,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,WAAW,eACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,mBAAmB;IACnB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,WAAW;IACX,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sBAAsB;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

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

@@ -0,0 +1,3 @@
+export { ButtonLink } from './ButtonLink';
+export type { ButtonLinkProps, ButtonLinkColor, ButtonLinkSize, } from './ButtonLink.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ButtonLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,eAAe,EACf,cAAc,GACf,MAAM,oBAAoB,CAAC"}

package/dist/components/Calendar/Calendar.d.ts

@@ -0,0 +1,3 @@
+import { CalendarProps } from './Calendar.types';
+export declare const Calendar: import('react').ForwardRefExoticComponent<CalendarProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/components/Calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAyFtD,eAAO,MAAM,QAAQ,0GAoRpB,CAAC"}

package/dist/components/Calendar/Calendar.js

@@ -0,0 +1,248 @@
+import { jsxs as h, jsx as n, Fragment as O } from "react/jsx-runtime";
+import { forwardRef as Z, useMemo as T, useState as J, useCallback as j } from "react";
+import { cn as Y } from "../../utils/cn.js";
+import t from "./Calendar.module.css.js";
+const ee = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+], te = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
+function se() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M10 4L6 8L10 12",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function ne() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M6 4L10 8L6 12",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function y(r, l) {
+  return r.getFullYear() === l.getFullYear() && r.getMonth() === l.getMonth() && r.getDate() === l.getDate();
+}
+function re(r, l, v) {
+  const i = r.getTime();
+  return i > l.getTime() && i < v.getTime();
+}
+function le(r, l) {
+  const i = (new Date(r, l, 1).getDay() + 6) % 7, o = [];
+  for (let m = 0; m < 42; m++)
+    o.push(new Date(r, l, 1 - i + m));
+  return o;
+}
+const ie = Z(
+  ({
+    month: r,
+    year: l,
+    value: v,
+    rangeStart: i,
+    rangeEnd: o,
+    events: m,
+    minDate: u,
+    maxDate: d,
+    headerAlign: k = "center",
+    onDateSelect: L,
+    onMonthChange: C,
+    className: A,
+    ...D
+  }, G) => {
+    const F = T(() => /* @__PURE__ */ new Date(), []), [H, K] = J(
+      () => r ?? F.getMonth()
+    ), [P, _] = J(
+      () => l ?? F.getFullYear()
+    ), c = r ?? H, a = l ?? P, f = i && o && o.getTime() < i.getTime() ? o : i, N = i && o && o.getTime() < i.getTime() ? i : o, b = !!(f && N && !y(f, N)), q = T(
+      () => le(a, c),
+      [a, c]
+    ), w = T(() => m ? new Set(
+      m.map(
+        (e) => `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`
+      )
+    ) : /* @__PURE__ */ new Set(), [m]), M = j(
+      (e, s) => {
+        e < 0 ? (e = 11, s -= 1) : e > 11 && (e = 0, s += 1), r === void 0 && (K(e), _(s)), C == null || C(e, s);
+      },
+      [r, C]
+    ), z = T(() => {
+      const e = u ? u.getFullYear() : a - 50, s = d ? d.getFullYear() : a + 50, p = [];
+      for (let g = e; g <= s; g++) p.push(g);
+      return p;
+    }, [u, d, a]), S = j(
+      (e) => {
+        if (u) {
+          const s = new Date(
+            u.getFullYear(),
+            u.getMonth(),
+            u.getDate()
+          );
+          if (e < s) return !0;
+        }
+        if (d) {
+          const s = new Date(
+            d.getFullYear(),
+            d.getMonth(),
+            d.getDate()
+          );
+          if (e > s) return !0;
+        }
+        return !1;
+      },
+      [u, d]
+    ), Q = j(
+      (e) => {
+        const s = e.getMonth() !== c, p = S(e), g = v != null && y(e, v) || f != null && !b && y(e, f), $ = b && y(e, f), x = b && y(e, N), E = b && re(e, f, N), R = w.has(
+          `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`
+        ), U = y(e, F) && !g && !$ && !x, V = Y(
+          t.day,
+          s && t.outside,
+          p && t.disabled,
+          g && t.active,
+          $ && t.rangeStart,
+          x && t.rangeEnd,
+          E && t.rangeMiddle,
+          R && t.event,
+          U && t.today
+        ), X = Y(
+          t.dayCell,
+          $ && t.cellRangeStart,
+          x && t.cellRangeEnd,
+          E && t.cellRangeMiddle
+        );
+        return { dayClass: V, cellClass: X };
+      },
+      [
+        c,
+        S,
+        v,
+        f,
+        N,
+        b,
+        w,
+        F
+      ]
+    ), B = /* @__PURE__ */ h("div", { className: t.headerSelects, children: [
+      /* @__PURE__ */ n(
+        "select",
+        {
+          className: t.select,
+          value: c,
+          onChange: (e) => M(Number(e.target.value), a),
+          "aria-label": "Month",
+          children: ee.map((e, s) => /* @__PURE__ */ n("option", { value: s, children: e }, s))
+        }
+      ),
+      /* @__PURE__ */ n(
+        "select",
+        {
+          className: t.select,
+          value: a,
+          onChange: (e) => M(c, Number(e.target.value)),
+          "aria-label": "Year",
+          children: z.map((e) => /* @__PURE__ */ n("option", { value: e, children: e }, e))
+        }
+      )
+    ] }), I = /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: t.navButton,
+        onClick: () => M(c - 1, a),
+        "aria-label": "Previous month",
+        children: /* @__PURE__ */ n(se, {})
+      }
+    ), W = /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: t.navButton,
+        onClick: () => M(c + 1, a),
+        "aria-label": "Next month",
+        children: /* @__PURE__ */ n(ne, {})
+      }
+    );
+    return /* @__PURE__ */ h("div", { ref: G, className: Y(t.root, A), ...D, children: [
+      /* @__PURE__ */ h("div", { className: Y(t.header, t[k]), children: [
+        k === "left" && /* @__PURE__ */ h(O, { children: [
+          B,
+          /* @__PURE__ */ h("div", { className: t.headerNav, children: [
+            I,
+            W
+          ] })
+        ] }),
+        k === "center" && /* @__PURE__ */ h(O, { children: [
+          I,
+          B,
+          W
+        ] }),
+        k === "right" && /* @__PURE__ */ h(O, { children: [
+          /* @__PURE__ */ h("div", { className: t.headerNav, children: [
+            I,
+            W
+          ] }),
+          B
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { className: t.weekdays, children: te.map((e) => /* @__PURE__ */ n("span", { className: t.weekday, children: e }, e)) }),
+      /* @__PURE__ */ n("div", { className: t.grid, children: q.map((e, s) => {
+        const { dayClass: p, cellClass: g } = Q(e);
+        return /* @__PURE__ */ n("div", { className: g, children: /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            className: p,
+            disabled: S(e),
+            onClick: () => L == null ? void 0 : L(e),
+            tabIndex: e.getMonth() !== c ? -1 : 0,
+            children: e.getDate()
+          }
+        ) }, s);
+      }) })
+    ] });
+  }
+);
+ie.displayName = "Calendar";
+export {
+  ie as Calendar
+};

package/dist/components/Calendar/Calendar.module.css

@@ -0,0 +1 @@
+._root_l7ubv_1{font-family:var(--st-font-family);display:inline-flex;flex-direction:column}._header_l7ubv_9{display:flex;align-items:center;gap:var(--st-space-1);margin-bottom:var(--st-space-2)}._left_l7ubv_16,._center_l7ubv_17,._right_l7ubv_18{justify-content:space-between}._headerSelects_l7ubv_22{display:flex;align-items:center;gap:var(--st-space-1)}._headerNav_l7ubv_28{display:flex;align-items:center}._select_l7ubv_33{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-family:var(--st-font-family);font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-medium);color:var(--st-color-foreground);cursor:pointer;padding:var(--st-space-1) var(--st-space-5) var(--st-space-1) var(--st-space-1);border-radius:var(--st-radius-sm);background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 4L5 6.5L7.5 4' stroke='%23737373' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--st-space-1) center;transition:background-color var(--st-transition-fast)}._select_l7ubv_33:hover{background-color:var(--st-color-neutral-100)}._select_l7ubv_33:focus-visible{outline:2px solid var(--st-color-primary);outline-offset:2px}._navButton_l7ubv_59{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--st-radius-md);cursor:pointer;color:var(--st-color-foreground);transition:background-color var(--st-transition-fast)}._navButton_l7ubv_59:hover{background-color:var(--st-color-neutral-100)}._navButton_l7ubv_59:focus-visible{outline:2px solid var(--st-color-primary);outline-offset:2px}._weekdays_l7ubv_84{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:var(--st-space-1)}._weekday_l7ubv_84{font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-medium);color:var(--st-color-muted);padding:var(--st-space-1) 0}._grid_l7ubv_100{display:grid;grid-template-columns:repeat(7,1fr)}._dayCell_l7ubv_106{display:flex;justify-content:center;align-items:center}._cellRangeStart_l7ubv_112{background:linear-gradient(to right,transparent 50%,var(--st-color-primary-subtle) 50%)}._cellRangeEnd_l7ubv_120{background:linear-gradient(to left,transparent 50%,var(--st-color-primary-subtle) 50%)}._cellRangeMiddle_l7ubv_128{background-color:var(--st-color-primary-subtle)}._day_l7ubv_106{all:unset;box-sizing:border-box;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--st-font-size-sm);font-family:var(--st-font-family);border-radius:var(--st-radius-full);cursor:pointer;position:relative;transition:color var(--st-transition-fast),background-color var(--st-transition-fast);-webkit-user-select:none;user-select:none}._day_l7ubv_106:hover:not(._disabled_l7ubv_152):not(._active_l7ubv_152):not(._rangeStart_l7ubv_152):not(._rangeEnd_l7ubv_152):not(._outside_l7ubv_152){color:var(--st-color-primary)}._day_l7ubv_106:focus-visible{outline:2px solid var(--st-color-primary);outline-offset:2px}._outside_l7ubv_152{color:var(--st-color-neutral-400)}._outside_l7ubv_152:hover:not(._disabled_l7ubv_152){color:var(--st-color-neutral-500)}._disabled_l7ubv_152{color:var(--st-color-neutral-300);cursor:default;pointer-events:none}._today_l7ubv_178{font-weight:var(--st-font-weight-semibold)}._active_l7ubv_152,._rangeStart_l7ubv_152,._rangeEnd_l7ubv_152{background-color:var(--st-color-primary);color:var(--st-color-primary-foreground);font-weight:var(--st-font-weight-medium)}._rangeMiddle_l7ubv_192{color:var(--st-color-primary)}._event_l7ubv_197:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:var(--st-radius-full);background-color:var(--st-color-primary)}._active_l7ubv_152._event_l7ubv_197:after,._rangeStart_l7ubv_152._event_l7ubv_197:after,._rangeEnd_l7ubv_152._event_l7ubv_197:after{background-color:var(--st-color-primary-foreground)}

package/dist/components/Calendar/Calendar.module.css.js

@@ -0,0 +1,55 @@
+import './Calendar.module.css';const e = "_root_l7ubv_1", t = "_header_l7ubv_9", _ = "_left_l7ubv_16", l = "_center_l7ubv_17", a = "_right_l7ubv_18", n = "_headerSelects_l7ubv_22", d = "_headerNav_l7ubv_28", c = "_select_l7ubv_33", s = "_navButton_l7ubv_59", o = "_weekdays_l7ubv_84", r = "_weekday_l7ubv_84", v = "_grid_l7ubv_100", u = "_dayCell_l7ubv_106", b = "_cellRangeStart_l7ubv_112", g = "_cellRangeEnd_l7ubv_120", i = "_cellRangeMiddle_l7ubv_128", y = "_day_l7ubv_106", h = "_disabled_l7ubv_152", R = "_active_l7ubv_152", S = "_rangeStart_l7ubv_152", k = "_rangeEnd_l7ubv_152", w = "_outside_l7ubv_152", E = "_today_l7ubv_178", M = "_rangeMiddle_l7ubv_192", f = "_event_l7ubv_197", B = {
+  root: e,
+  header: t,
+  left: _,
+  center: l,
+  right: a,
+  headerSelects: n,
+  headerNav: d,
+  select: c,
+  navButton: s,
+  weekdays: o,
+  weekday: r,
+  grid: v,
+  dayCell: u,
+  cellRangeStart: b,
+  cellRangeEnd: g,
+  cellRangeMiddle: i,
+  day: y,
+  disabled: h,
+  active: R,
+  rangeStart: S,
+  rangeEnd: k,
+  outside: w,
+  today: E,
+  rangeMiddle: M,
+  event: f
+};
+export {
+  R as active,
+  g as cellRangeEnd,
+  i as cellRangeMiddle,
+  b as cellRangeStart,
+  l as center,
+  y as day,
+  u as dayCell,
+  B as default,
+  h as disabled,
+  f as event,
+  v as grid,
+  t as header,
+  d as headerNav,
+  n as headerSelects,
+  _ as left,
+  s as navButton,
+  w as outside,
+  k as rangeEnd,
+  M as rangeMiddle,
+  S as rangeStart,
+  a as right,
+  e as root,
+  c as select,
+  E as today,
+  r as weekday,
+  o as weekdays
+};