@smuikit/core 0.1.0

package/dist/chunk-O7JRMYZ5.js

@@ -0,0 +1,97 @@
+'use strict';
+
+var chunkKWFE67IV_js = require('./chunk-KWFE67IV.js');
+
+// src/machines/modal/modal.machine.ts
+function createModalMachine(initialContext) {
+  const id = `modal-${Date.now()}`;
+  return chunkKWFE67IV_js.createMachine({
+    id: "modal",
+    initial: "closed",
+    context: {
+      triggerId: `${id}-trigger`,
+      contentId: `${id}-content`,
+      titleId: `${id}-title`,
+      closeOnOverlayClick: true,
+      closeOnEscape: true,
+      trapFocus: true,
+      ...initialContext
+    },
+    states: {
+      closed: {
+        on: {
+          OPEN: "open",
+          TOGGLE: "open"
+        }
+      },
+      open: {
+        on: {
+          CLOSE: "closed",
+          TOGGLE: "closed",
+          ESCAPE: "closed",
+          OVERLAY_CLICK: "closed"
+        }
+      }
+    }
+  });
+}
+
+// src/machines/modal/modal.connect.ts
+function connectModal(options) {
+  const { state, context, send, onOpenChange } = options;
+  const { triggerId, contentId, titleId, closeOnOverlayClick, closeOnEscape } = context;
+  const isOpen = state === "open";
+  function handleOpen() {
+    send({ type: "OPEN" });
+    onOpenChange?.(true);
+  }
+  function handleClose() {
+    send({ type: "CLOSE" });
+    onOpenChange?.(false);
+  }
+  return {
+    state,
+    isOpen,
+    triggerProps: {
+      id: triggerId,
+      "aria-haspopup": "dialog",
+      "aria-expanded": isOpen,
+      "aria-controls": isOpen ? contentId : void 0,
+      onClick: handleOpen
+    },
+    contentProps: {
+      id: contentId,
+      role: "dialog",
+      "aria-modal": true,
+      "aria-labelledby": titleId,
+      "data-state": state,
+      tabIndex: -1,
+      onKeyDown: (event) => {
+        if (!closeOnEscape) return;
+        const e = event;
+        if (e.key === "Escape") {
+          handleClose();
+        }
+      }
+    },
+    overlayProps: {
+      "data-state": state,
+      "aria-hidden": true,
+      onClick: () => {
+        if (closeOnOverlayClick) {
+          handleClose();
+        }
+      }
+    },
+    closeProps: {
+      "aria-label": "Close",
+      onClick: handleClose
+    },
+    titleProps: {
+      id: titleId
+    }
+  };
+}
+
+exports.connectModal = connectModal;
+exports.createModalMachine = createModalMachine;

package/dist/chunk-OLRCZXKS.js

@@ -0,0 +1,34 @@
+'use strict';
+
+// src/machines/card/card.connect.ts
+function connectCard(options = {}) {
+  const { variant = "elevated", padding = "md", interactive = false, onClick } = options;
+  return {
+    rootProps: {
+      "data-variant": variant,
+      "data-padding": padding,
+      ...interactive ? {
+        role: "button",
+        tabIndex: 0,
+        onClick,
+        onKeyDown: (event) => {
+          const e = event;
+          if (e.key === "Enter" || e.key === " ") {
+            onClick?.(event);
+          }
+        }
+      } : {}
+    },
+    headerProps: {
+      "data-part": "header"
+    },
+    bodyProps: {
+      "data-part": "body"
+    },
+    footerProps: {
+      "data-part": "footer"
+    }
+  };
+}
+
+exports.connectCard = connectCard;

package/dist/chunk-Y34GDQYY.js

@@ -0,0 +1,142 @@
+'use strict';
+
+var chunkYTHNCP77_js = require('./chunk-YTHNCP77.js');
+var chunkKWFE67IV_js = require('./chunk-KWFE67IV.js');
+
+// src/machines/input/input.machine.ts
+function createInputMachine(initialContext) {
+  const id = initialContext?.id || `input-${Date.now()}`;
+  return chunkKWFE67IV_js.createMachine({
+    id: "input",
+    initial: "idle",
+    context: {
+      value: "",
+      disabled: false,
+      readOnly: false,
+      required: false,
+      error: null,
+      placeholder: "",
+      label: "",
+      id,
+      ...initialContext
+    },
+    states: {
+      idle: {
+        on: {
+          FOCUS: "focused",
+          CHANGE: {
+            target: "filled",
+            actions: (_ctx, event) => ({ value: event.value })
+          },
+          SET_ERROR: {
+            target: "error",
+            actions: (_ctx, event) => ({ error: event.error })
+          }
+        }
+      },
+      focused: {
+        on: {
+          BLUR: "idle",
+          CHANGE: {
+            target: "focused",
+            actions: (_ctx, event) => ({ value: event.value })
+          },
+          SET_ERROR: {
+            target: "error",
+            actions: (_ctx, event) => ({ error: event.error })
+          }
+        }
+      },
+      filled: {
+        on: {
+          FOCUS: "focused",
+          CHANGE: {
+            target: "filled",
+            actions: (_ctx, event) => ({ value: event.value })
+          },
+          CLEAR: {
+            target: "idle",
+            actions: () => ({ value: "" })
+          },
+          SET_ERROR: {
+            target: "error",
+            actions: (_ctx, event) => ({ error: event.error })
+          }
+        }
+      },
+      error: {
+        on: {
+          FOCUS: "focused",
+          CHANGE: {
+            target: "error",
+            actions: (_ctx, event) => ({ value: event.value })
+          },
+          SET_ERROR: {
+            target: "error",
+            actions: (_ctx, event) => {
+              const err = event.error;
+              return err === null ? {} : { error: err };
+            }
+          }
+        }
+      }
+    }
+  });
+}
+
+// src/machines/input/input.connect.ts
+function connectInput(options) {
+  const { state, context, send, onChange } = options;
+  const { value, disabled, readOnly, required, error, placeholder, id } = context;
+  const hasError = state === "error" || error !== null;
+  const errorId = `${id}-error`;
+  const labelId = `${id}-label`;
+  return {
+    state,
+    value,
+    hasError,
+    rootProps: {
+      "data-state": state,
+      "data-disabled": disabled ? "" : void 0
+    },
+    labelProps: {
+      id: labelId,
+      htmlFor: id
+    },
+    inputProps: {
+      id,
+      value,
+      disabled,
+      readOnly,
+      placeholder,
+      "aria-labelledby": labelId,
+      ...chunkYTHNCP77_js.getAriaDisabled(disabled),
+      ...chunkYTHNCP77_js.getAriaInvalid(hasError),
+      ...chunkYTHNCP77_js.getAriaRequired(required),
+      ...hasError ? { "aria-describedby": errorId } : {},
+      "data-state": state,
+      onFocus: () => {
+        if (disabled) return;
+        send({ type: "FOCUS" });
+      },
+      onBlur: () => {
+        send({ type: "BLUR" });
+      },
+      onChange: (event) => {
+        if (disabled || readOnly) return;
+        const val = event && typeof event === "object" && "target" in event ? event.target.value : String(event);
+        send({ type: "CHANGE", value: val });
+        onChange?.(val);
+      }
+    },
+    errorProps: {
+      id: errorId,
+      role: "alert",
+      "aria-live": "polite",
+      style: { display: hasError ? "block" : "none" }
+    }
+  };
+}
+
+exports.connectInput = connectInput;
+exports.createInputMachine = createInputMachine;

package/dist/chunk-YFNMWGC7.mjs

@@ -0,0 +1,54 @@
+// src/create-machine.ts
+function createMachine(config) {
+  let currentState = config.initial;
+  let context = { ...config.context };
+  let snapshot = { state: currentState, context };
+  const listeners = /* @__PURE__ */ new Set();
+  let running = false;
+  function updateSnapshot() {
+    snapshot = { state: currentState, context };
+  }
+  function notify() {
+    for (const listener of listeners) {
+      listener();
+    }
+  }
+  return {
+    send(event) {
+      if (!running) return;
+      const stateConfig = config.states[currentState];
+      if (!stateConfig?.on) return;
+      const transition = stateConfig.on[event.type];
+      if (!transition) return;
+      if (typeof transition === "string") {
+        currentState = transition;
+      } else {
+        const t = transition;
+        currentState = t.target;
+        if (t.actions) {
+          context = { ...context, ...t.actions(context, event) };
+        }
+      }
+      updateSnapshot();
+      notify();
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    getSnapshot() {
+      return snapshot;
+    },
+    start() {
+      running = true;
+    },
+    stop() {
+      running = false;
+      listeners.clear();
+    }
+  };
+}
+
+export { createMachine };

package/dist/chunk-YTHNCP77.js

@@ -0,0 +1,44 @@
+'use strict';
+
+// src/utils/accessibility.ts
+function getAriaDisabled(disabled) {
+  if (!disabled) return {};
+  return {
+    "aria-disabled": true,
+    "data-disabled": ""
+  };
+}
+function getAriaPressed(pressed) {
+  return { "aria-pressed": pressed };
+}
+function getAriaExpanded(expanded) {
+  return { "aria-expanded": expanded };
+}
+function getAriaInvalid(invalid) {
+  return { "aria-invalid": invalid };
+}
+function getAriaRequired(required) {
+  return { "aria-required": required };
+}
+function getAriaModal() {
+  return {
+    "aria-modal": true,
+    role: "dialog"
+  };
+}
+var idCounter = 0;
+function generateId(prefix) {
+  return `${prefix}-${++idCounter}`;
+}
+function resetIdCounter() {
+  idCounter = 0;
+}
+
+exports.generateId = generateId;
+exports.getAriaDisabled = getAriaDisabled;
+exports.getAriaExpanded = getAriaExpanded;
+exports.getAriaInvalid = getAriaInvalid;
+exports.getAriaModal = getAriaModal;
+exports.getAriaPressed = getAriaPressed;
+exports.getAriaRequired = getAriaRequired;
+exports.resetIdCounter = resetIdCounter;

package/dist/create-machine-DsOUIlfe.d.mts

@@ -0,0 +1,30 @@
+interface MachineConfig<TState extends string, TContext, TEvent extends {
+    type: string;
+}> {
+    id: string;
+    initial: TState;
+    context: TContext;
+    states: Record<TState, {
+        on?: Partial<Record<TEvent['type'], TState | {
+            target: TState;
+            actions?: (ctx: TContext, event: TEvent) => Partial<TContext>;
+        }>>;
+    }>;
+}
+interface MachineService<TState extends string, TContext, TEvent extends {
+    type: string;
+}> {
+    send: (event: TEvent) => void;
+    subscribe: (listener: () => void) => () => void;
+    getSnapshot: () => {
+        state: TState;
+        context: TContext;
+    };
+    start: () => void;
+    stop: () => void;
+}
+declare function createMachine<TState extends string, TContext extends object, TEvent extends {
+    type: string;
+}>(config: MachineConfig<TState, TContext, TEvent>): MachineService<TState, TContext, TEvent>;
+
+export { type MachineConfig as M, type MachineService as a, createMachine as c };

package/dist/create-machine-DsOUIlfe.d.ts

@@ -0,0 +1,30 @@
+interface MachineConfig<TState extends string, TContext, TEvent extends {
+    type: string;
+}> {
+    id: string;
+    initial: TState;
+    context: TContext;
+    states: Record<TState, {
+        on?: Partial<Record<TEvent['type'], TState | {
+            target: TState;
+            actions?: (ctx: TContext, event: TEvent) => Partial<TContext>;
+        }>>;
+    }>;
+}
+interface MachineService<TState extends string, TContext, TEvent extends {
+    type: string;
+}> {
+    send: (event: TEvent) => void;
+    subscribe: (listener: () => void) => () => void;
+    getSnapshot: () => {
+        state: TState;
+        context: TContext;
+    };
+    start: () => void;
+    stop: () => void;
+}
+declare function createMachine<TState extends string, TContext extends object, TEvent extends {
+    type: string;
+}>(config: MachineConfig<TState, TContext, TEvent>): MachineService<TState, TContext, TEvent>;
+
+export { type MachineConfig as M, type MachineService as a, createMachine as c };

package/dist/index.d.mts

@@ -0,0 +1,26 @@
+export { M as MachineConfig, a as MachineService, c as createMachine } from './create-machine-DsOUIlfe.mjs';
+import { E as ElementProps } from './types-DxOTxdrs.mjs';
+export { P as PropTypes, S as Size, T as TypographyVariant, V as Variant } from './types-DxOTxdrs.mjs';
+export { ButtonConnectOptions, ButtonConnectReturn, ButtonContext, ButtonEvent, ButtonMachineService, ButtonState, connectButton, createButtonMachine } from './machines/button/index.mjs';
+export { InputConnectOptions, InputConnectReturn, InputContext, InputEvent, InputMachineService, InputState, connectInput, createInputMachine } from './machines/input/index.mjs';
+export { ModalConnectOptions, ModalConnectReturn, ModalContext, ModalEvent, ModalMachineService, ModalState, connectModal, createModalMachine } from './machines/modal/index.mjs';
+export { TypographyConnectOptions, TypographyConnectReturn, connectTypography } from './machines/typography/index.mjs';
+export { CardConnectOptions, CardConnectReturn, connectCard } from './machines/card/index.mjs';
+
+declare function mergeProps(...propsList: (ElementProps | undefined)[]): ElementProps;
+
+declare function getAriaDisabled(disabled: boolean | undefined): ElementProps;
+declare function getAriaPressed(pressed: boolean): ElementProps;
+declare function getAriaExpanded(expanded: boolean): ElementProps;
+declare function getAriaInvalid(invalid: boolean): ElementProps;
+declare function getAriaRequired(required: boolean): ElementProps;
+declare function getAriaModal(): ElementProps;
+declare function generateId(prefix: string): string;
+declare function resetIdCounter(): void;
+
+type Platform = 'web' | 'react-native';
+declare function detectPlatform(): Platform;
+declare function isWeb(): boolean;
+declare function isReactNative(): boolean;
+
+export { ElementProps, detectPlatform, generateId, getAriaDisabled, getAriaExpanded, getAriaInvalid, getAriaModal, getAriaPressed, getAriaRequired, isReactNative, isWeb, mergeProps, resetIdCounter };

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+export { M as MachineConfig, a as MachineService, c as createMachine } from './create-machine-DsOUIlfe.js';
+import { E as ElementProps } from './types-DxOTxdrs.js';
+export { P as PropTypes, S as Size, T as TypographyVariant, V as Variant } from './types-DxOTxdrs.js';
+export { ButtonConnectOptions, ButtonConnectReturn, ButtonContext, ButtonEvent, ButtonMachineService, ButtonState, connectButton, createButtonMachine } from './machines/button/index.js';
+export { InputConnectOptions, InputConnectReturn, InputContext, InputEvent, InputMachineService, InputState, connectInput, createInputMachine } from './machines/input/index.js';
+export { ModalConnectOptions, ModalConnectReturn, ModalContext, ModalEvent, ModalMachineService, ModalState, connectModal, createModalMachine } from './machines/modal/index.js';
+export { TypographyConnectOptions, TypographyConnectReturn, connectTypography } from './machines/typography/index.js';
+export { CardConnectOptions, CardConnectReturn, connectCard } from './machines/card/index.js';
+
+declare function mergeProps(...propsList: (ElementProps | undefined)[]): ElementProps;
+
+declare function getAriaDisabled(disabled: boolean | undefined): ElementProps;
+declare function getAriaPressed(pressed: boolean): ElementProps;
+declare function getAriaExpanded(expanded: boolean): ElementProps;
+declare function getAriaInvalid(invalid: boolean): ElementProps;
+declare function getAriaRequired(required: boolean): ElementProps;
+declare function getAriaModal(): ElementProps;
+declare function generateId(prefix: string): string;
+declare function resetIdCounter(): void;
+
+type Platform = 'web' | 'react-native';
+declare function detectPlatform(): Platform;
+declare function isWeb(): boolean;
+declare function isReactNative(): boolean;
+
+export { ElementProps, detectPlatform, generateId, getAriaDisabled, getAriaExpanded, getAriaInvalid, getAriaModal, getAriaPressed, getAriaRequired, isReactNative, isWeb, mergeProps, resetIdCounter };

package/dist/index.js

@@ -0,0 +1,119 @@
+'use strict';
+
+var chunkEQR2S6TY_js = require('./chunk-EQR2S6TY.js');
+var chunkY34GDQYY_js = require('./chunk-Y34GDQYY.js');
+var chunkYTHNCP77_js = require('./chunk-YTHNCP77.js');
+var chunkO7JRMYZ5_js = require('./chunk-O7JRMYZ5.js');
+var chunkKWFE67IV_js = require('./chunk-KWFE67IV.js');
+var chunkDEYVI3GG_js = require('./chunk-DEYVI3GG.js');
+var chunkOLRCZXKS_js = require('./chunk-OLRCZXKS.js');
+
+// src/utils/merge-props.ts
+function mergeProps(...propsList) {
+  const result = {};
+  for (const props of propsList) {
+    if (!props) continue;
+    for (const [key, value] of Object.entries(props)) {
+      if (value === void 0) continue;
+      const existing = result[key];
+      if (key.startsWith("on") && typeof existing === "function" && typeof value === "function") {
+        result[key] = (...args) => {
+          existing(...args);
+          value(...args);
+        };
+      } else if (key === "style" && typeof existing === "object" && typeof value === "object") {
+        result[key] = { ...existing, ...value };
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+
+// src/utils/platform.ts
+function detectPlatform() {
+  if (typeof navigator !== "undefined" && navigator.product === "ReactNative") {
+    return "react-native";
+  }
+  return "web";
+}
+function isWeb() {
+  return detectPlatform() === "web";
+}
+function isReactNative() {
+  return detectPlatform() === "react-native";
+}
+
+Object.defineProperty(exports, "connectButton", {
+  enumerable: true,
+  get: function () { return chunkEQR2S6TY_js.connectButton; }
+});
+Object.defineProperty(exports, "createButtonMachine", {
+  enumerable: true,
+  get: function () { return chunkEQR2S6TY_js.createButtonMachine; }
+});
+Object.defineProperty(exports, "connectInput", {
+  enumerable: true,
+  get: function () { return chunkY34GDQYY_js.connectInput; }
+});
+Object.defineProperty(exports, "createInputMachine", {
+  enumerable: true,
+  get: function () { return chunkY34GDQYY_js.createInputMachine; }
+});
+Object.defineProperty(exports, "generateId", {
+  enumerable: true,
+  get: function () { return chunkYTHNCP77_js.generateId; }
+});
+Object.defineProperty(exports, "getAriaDisabled", {
+  enumerable: true,
+  get: function () { return chunkYTHNCP77_js.getAriaDisabled; }
+});
+Object.defineProperty(exports, "getAriaExpanded", {
+  enumerable: true,
+  get: function () { return chunkYTHNCP77_js.getAriaExpanded; }
+});
+Object.defineProperty(exports, "getAriaInvalid", {
+  enumerable: true,
+  get: function () { return chunkYTHNCP77_js.getAriaInvalid; }
+});
+Object.defineProperty(exports, "getAriaModal", {
+  enumerable: true,
+  get: function () { return chunkYTHNCP77_js.getAriaModal; }
+});
+Object.defineProperty(exports, "getAriaPressed", {
+  enumerable: true,
+  get: function () { return chunkYTHNCP77_js.getAriaPressed; }
+});
+Object.defineProperty(exports, "getAriaRequired", {
+  enumerable: true,
+  get: function () { return chunkYTHNCP77_js.getAriaRequired; }
+});
+Object.defineProperty(exports, "resetIdCounter", {
+  enumerable: true,
+  get: function () { return chunkYTHNCP77_js.resetIdCounter; }
+});
+Object.defineProperty(exports, "connectModal", {
+  enumerable: true,
+  get: function () { return chunkO7JRMYZ5_js.connectModal; }
+});
+Object.defineProperty(exports, "createModalMachine", {
+  enumerable: true,
+  get: function () { return chunkO7JRMYZ5_js.createModalMachine; }
+});
+Object.defineProperty(exports, "createMachine", {
+  enumerable: true,
+  get: function () { return chunkKWFE67IV_js.createMachine; }
+});
+Object.defineProperty(exports, "connectTypography", {
+  enumerable: true,
+  get: function () { return chunkDEYVI3GG_js.connectTypography; }
+});
+Object.defineProperty(exports, "connectCard", {
+  enumerable: true,
+  get: function () { return chunkOLRCZXKS_js.connectCard; }
+});
+exports.detectPlatform = detectPlatform;
+exports.isReactNative = isReactNative;
+exports.isWeb = isWeb;
+exports.mergeProps = mergeProps;

package/dist/index.mjs

@@ -0,0 +1,46 @@
+export { connectButton, createButtonMachine } from './chunk-3SIG5GVW.mjs';
+export { connectInput, createInputMachine } from './chunk-CG7MB4D7.mjs';
+export { generateId, getAriaDisabled, getAriaExpanded, getAriaInvalid, getAriaModal, getAriaPressed, getAriaRequired, resetIdCounter } from './chunk-IRJ3PEU4.mjs';
+export { connectModal, createModalMachine } from './chunk-ECS4ZLAD.mjs';
+export { createMachine } from './chunk-YFNMWGC7.mjs';
+export { connectTypography } from './chunk-JTKA5LGK.mjs';
+export { connectCard } from './chunk-KQF35W7O.mjs';
+
+// src/utils/merge-props.ts
+function mergeProps(...propsList) {
+  const result = {};
+  for (const props of propsList) {
+    if (!props) continue;
+    for (const [key, value] of Object.entries(props)) {
+      if (value === void 0) continue;
+      const existing = result[key];
+      if (key.startsWith("on") && typeof existing === "function" && typeof value === "function") {
+        result[key] = (...args) => {
+          existing(...args);
+          value(...args);
+        };
+      } else if (key === "style" && typeof existing === "object" && typeof value === "object") {
+        result[key] = { ...existing, ...value };
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+
+// src/utils/platform.ts
+function detectPlatform() {
+  if (typeof navigator !== "undefined" && navigator.product === "ReactNative") {
+    return "react-native";
+  }
+  return "web";
+}
+function isWeb() {
+  return detectPlatform() === "web";
+}
+function isReactNative() {
+  return detectPlatform() === "react-native";
+}
+
+export { detectPlatform, isReactNative, isWeb, mergeProps };