@locus-ui/components 0.0.16 → 0.1.1

package/dist/utils/get-props.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var get_props_exports = {};
+module.exports = __toCommonJS(get_props_exports);
+//# sourceMappingURL=get-props.js.map

package/dist/utils/get-props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/get-props.ts"],"sourcesContent":["import { PropDef, Responsive } from \"../props/prop-def\";\n\ntype ExtractSinglePropValue<T> = T extends { type: \"boolean\" }\n  ? boolean\n  : T extends { type: \"string\" }\n  ? string\n  : T extends { type: \"enum\"; values: readonly (infer V)[] }\n  ? V\n  : T extends { type: \"enum | string\"; values: readonly (infer V)[] }\n  ? V | (string & {})\n  : never;\n\ntype ExtractPropType<T> = T extends { responsive: true }\n  ? Responsive<ExtractSinglePropValue<T>>\n  : ExtractSinglePropValue<T>;\n\ntype RequiredKeys<T extends Record<string, PropDef>> = {\n  [K in keyof T]: T[K] extends { required: true } ? K : never;\n}[keyof T];\n\ntype OptionalKeys<T extends Record<string, PropDef>> = Exclude<\n  keyof T,\n  RequiredKeys<T>\n>;\n\nexport type GetProps<T extends Record<string, PropDef>> = {\n  [K in RequiredKeys<T>]: ExtractPropType<T[K]>;\n} & { [K in OptionalKeys<T>]?: ExtractPropType<T[K]> };\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/utils/get-props.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=get-props.mjs.map

package/dist/utils/get-props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/parse-color.d.mts

@@ -0,0 +1,14 @@
+/**
+ * Parses a color string (hex, rgb, or raw r,g,b) into a raw "r, g, b" string
+ * suitable for use with CSS rgba().
+ *
+ * Supported formats:
+ * - Hex: "#7BEB34", "#7beb34", "#abc"
+ * - RGB function: "rgb(125, 235, 52)"
+ * - Raw: "125, 235, 52"
+ *
+ * Returns the original string unchanged if parsing fails.
+ */
+declare function parseColor(value: string): string;
+
+export { parseColor };

package/dist/utils/parse-color.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Parses a color string (hex, rgb, or raw r,g,b) into a raw "r, g, b" string
+ * suitable for use with CSS rgba().
+ *
+ * Supported formats:
+ * - Hex: "#7BEB34", "#7beb34", "#abc"
+ * - RGB function: "rgb(125, 235, 52)"
+ * - Raw: "125, 235, 52"
+ *
+ * Returns the original string unchanged if parsing fails.
+ */
+declare function parseColor(value: string): string;
+
+export { parseColor };

package/dist/utils/parse-color.js

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var parse_color_exports = {};
+__export(parse_color_exports, {
+  parseColor: () => parseColor
+});
+module.exports = __toCommonJS(parse_color_exports);
+function parseColor(value) {
+  const trimmed = value.trim();
+  const hexMatch = trimmed.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+  if (hexMatch) {
+    let hex = hexMatch[1];
+    if (hex.length === 3) {
+      hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+    }
+    const r = parseInt(hex.slice(0, 2), 16);
+    const g = parseInt(hex.slice(2, 4), 16);
+    const b = parseInt(hex.slice(4, 6), 16);
+    return `${r}, ${g}, ${b}`;
+  }
+  const rgbMatch = trimmed.match(
+    /^rgba?\(\s*(\d{1,3})\s*[,\s]\s*(\d{1,3})\s*[,\s]\s*(\d{1,3})\s*(?:[,/]\s*[\d.]+%?\s*)?\)$/
+  );
+  if (rgbMatch) {
+    return `${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}`;
+  }
+  return trimmed;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  parseColor
+});
+//# sourceMappingURL=parse-color.js.map

package/dist/utils/parse-color.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/parse-color.ts"],"sourcesContent":["/**\n * Parses a color string (hex, rgb, or raw r,g,b) into a raw \"r, g, b\" string\n * suitable for use with CSS rgba().\n *\n * Supported formats:\n * - Hex: \"#7BEB34\", \"#7beb34\", \"#abc\"\n * - RGB function: \"rgb(125, 235, 52)\"\n * - Raw: \"125, 235, 52\"\n *\n * Returns the original string unchanged if parsing fails.\n */\nexport function parseColor(value: string): string {\n  const trimmed = value.trim();\n\n  // Hex color: #RGB or #RRGGBB\n  const hexMatch = trimmed.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n  if (hexMatch) {\n    let hex = hexMatch[1];\n    if (hex.length === 3) {\n      hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n    }\n    const r = parseInt(hex.slice(0, 2), 16);\n    const g = parseInt(hex.slice(2, 4), 16);\n    const b = parseInt(hex.slice(4, 6), 16);\n    return `${r}, ${g}, ${b}`;\n  }\n\n  // rgb(r, g, b) or rgb(r g b)\n  const rgbMatch = trimmed.match(\n    /^rgba?\\(\\s*(\\d{1,3})\\s*[,\\s]\\s*(\\d{1,3})\\s*[,\\s]\\s*(\\d{1,3})\\s*(?:[,/]\\s*[\\d.]+%?\\s*)?\\)$/,\n  );\n  if (rgbMatch) {\n    return `${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}`;\n  }\n\n  // Already raw \"r, g, b\" or unknown — return as-is\n  return trimmed;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWO,SAAS,WAAW,OAAuB;AAChD,QAAM,UAAU,MAAM,KAAK;AAG3B,QAAM,WAAW,QAAQ,MAAM,+BAA+B;AAC9D,MAAI,UAAU;AACZ,QAAI,MAAM,SAAS,CAAC;AACpB,QAAI,IAAI,WAAW,GAAG;AACpB,YAAM,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC;AAAA,IAC1D;AACA,UAAM,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AACtC,UAAM,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AACtC,UAAM,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AACtC,WAAO,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC;AAAA,EACzB;AAGA,QAAM,WAAW,QAAQ;AAAA,IACvB;AAAA,EACF;AACA,MAAI,UAAU;AACZ,WAAO,GAAG,SAAS,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;AAAA,EACvD;AAGA,SAAO;AACT;","names":[]}

package/dist/utils/parse-color.mjs

@@ -0,0 +1,25 @@
+function parseColor(value) {
+  const trimmed = value.trim();
+  const hexMatch = trimmed.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+  if (hexMatch) {
+    let hex = hexMatch[1];
+    if (hex.length === 3) {
+      hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+    }
+    const r = parseInt(hex.slice(0, 2), 16);
+    const g = parseInt(hex.slice(2, 4), 16);
+    const b = parseInt(hex.slice(4, 6), 16);
+    return `${r}, ${g}, ${b}`;
+  }
+  const rgbMatch = trimmed.match(
+    /^rgba?\(\s*(\d{1,3})\s*[,\s]\s*(\d{1,3})\s*[,\s]\s*(\d{1,3})\s*(?:[,/]\s*[\d.]+%?\s*)?\)$/
+  );
+  if (rgbMatch) {
+    return `${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}`;
+  }
+  return trimmed;
+}
+export {
+  parseColor
+};
+//# sourceMappingURL=parse-color.mjs.map

package/dist/utils/parse-color.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/parse-color.ts"],"sourcesContent":["/**\n * Parses a color string (hex, rgb, or raw r,g,b) into a raw \"r, g, b\" string\n * suitable for use with CSS rgba().\n *\n * Supported formats:\n * - Hex: \"#7BEB34\", \"#7beb34\", \"#abc\"\n * - RGB function: \"rgb(125, 235, 52)\"\n * - Raw: \"125, 235, 52\"\n *\n * Returns the original string unchanged if parsing fails.\n */\nexport function parseColor(value: string): string {\n  const trimmed = value.trim();\n\n  // Hex color: #RGB or #RRGGBB\n  const hexMatch = trimmed.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n  if (hexMatch) {\n    let hex = hexMatch[1];\n    if (hex.length === 3) {\n      hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n    }\n    const r = parseInt(hex.slice(0, 2), 16);\n    const g = parseInt(hex.slice(2, 4), 16);\n    const b = parseInt(hex.slice(4, 6), 16);\n    return `${r}, ${g}, ${b}`;\n  }\n\n  // rgb(r, g, b) or rgb(r g b)\n  const rgbMatch = trimmed.match(\n    /^rgba?\\(\\s*(\\d{1,3})\\s*[,\\s]\\s*(\\d{1,3})\\s*[,\\s]\\s*(\\d{1,3})\\s*(?:[,/]\\s*[\\d.]+%?\\s*)?\\)$/,\n  );\n  if (rgbMatch) {\n    return `${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}`;\n  }\n\n  // Already raw \"r, g, b\" or unknown — return as-is\n  return trimmed;\n}\n"],"mappings":"AAWO,SAAS,WAAW,OAAuB;AAChD,QAAM,UAAU,MAAM,KAAK;AAG3B,QAAM,WAAW,QAAQ,MAAM,+BAA+B;AAC9D,MAAI,UAAU;AACZ,QAAI,MAAM,SAAS,CAAC;AACpB,QAAI,IAAI,WAAW,GAAG;AACpB,YAAM,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC;AAAA,IAC1D;AACA,UAAM,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AACtC,UAAM,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AACtC,UAAM,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AACtC,WAAO,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC;AAAA,EACzB;AAGA,QAAM,WAAW,QAAQ;AAAA,IACvB;AAAA,EACF;AACA,MAAI,UAAU;AACZ,WAAO,GAAG,SAAS,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;AAAA,EACvD;AAGA,SAAO;AACT;","names":[]}

package/dist/utils/use-controllable-state.d.mts

@@ -0,0 +1,7 @@
+declare function useControllableState<T>({ value, defaultValue, onChange, }: {
+    value?: T;
+    defaultValue: T;
+    onChange?: (value: T) => void;
+}): readonly [T, (value: T) => void];
+
+export { useControllableState };

package/dist/utils/use-controllable-state.d.ts

@@ -0,0 +1,7 @@
+declare function useControllableState<T>({ value, defaultValue, onChange, }: {
+    value?: T;
+    defaultValue: T;
+    onChange?: (value: T) => void;
+}): readonly [T, (value: T) => void];
+
+export { useControllableState };

package/dist/utils/use-controllable-state.js

@@ -0,0 +1,58 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_controllable_state_exports = {};
+__export(use_controllable_state_exports, {
+  useControllableState: () => useControllableState
+});
+module.exports = __toCommonJS(use_controllable_state_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+function useControllableState({
+  value,
+  defaultValue,
+  onChange
+}) {
+  const [state, setState] = (0, import_react.useState)(defaultValue);
+  const isControlled = value !== void 0;
+  const current = isControlled ? value : state;
+  const set = React.useCallback(
+    (value2) => {
+      if (!isControlled) setState(value2);
+      onChange?.(value2);
+    },
+    [isControlled, onChange]
+  );
+  return [current, set];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useControllableState
+});
+//# sourceMappingURL=use-controllable-state.js.map

package/dist/utils/use-controllable-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/use-controllable-state.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useState } from \"react\";\n\nexport function useControllableState<T>({\n  value,\n  defaultValue,\n  onChange,\n}: {\n  value?: T;\n  defaultValue: T;\n  onChange?: (value: T) => void;\n}) {\n  const [state, setState] = useState(defaultValue);\n\n  const isControlled = value !== undefined;\n  const current = isControlled ? value : state;\n\n  const set = React.useCallback(\n    (value: T) => {\n      if (!isControlled) setState(value);\n      onChange?.(value);\n    },\n    [isControlled, onChange],\n  );\n\n  return [current, set] as const;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,mBAAyB;AAElB,SAAS,qBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,YAAY;AAE/C,QAAM,eAAe,UAAU;AAC/B,QAAM,UAAU,eAAe,QAAQ;AAEvC,QAAM,MAAM,MAAM;AAAA,IAChB,CAACA,WAAa;AACZ,UAAI,CAAC,aAAc,UAASA,MAAK;AACjC,iBAAWA,MAAK;AAAA,IAClB;AAAA,IACA,CAAC,cAAc,QAAQ;AAAA,EACzB;AAEA,SAAO,CAAC,SAAS,GAAG;AACtB;","names":["value"]}

package/dist/utils/use-controllable-state.mjs

@@ -0,0 +1,24 @@
+"use client";
+import * as React from "react";
+import { useState } from "react";
+function useControllableState({
+  value,
+  defaultValue,
+  onChange
+}) {
+  const [state, setState] = useState(defaultValue);
+  const isControlled = value !== void 0;
+  const current = isControlled ? value : state;
+  const set = React.useCallback(
+    (value2) => {
+      if (!isControlled) setState(value2);
+      onChange?.(value2);
+    },
+    [isControlled, onChange]
+  );
+  return [current, set];
+}
+export {
+  useControllableState
+};
+//# sourceMappingURL=use-controllable-state.mjs.map

package/dist/utils/use-controllable-state.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/use-controllable-state.ts"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useState } from \"react\";\n\nexport function useControllableState<T>({\n  value,\n  defaultValue,\n  onChange,\n}: {\n  value?: T;\n  defaultValue: T;\n  onChange?: (value: T) => void;\n}) {\n  const [state, setState] = useState(defaultValue);\n\n  const isControlled = value !== undefined;\n  const current = isControlled ? value : state;\n\n  const set = React.useCallback(\n    (value: T) => {\n      if (!isControlled) setState(value);\n      onChange?.(value);\n    },\n    [isControlled, onChange],\n  );\n\n  return [current, set] as const;\n}\n"],"mappings":";AAEA,YAAY,WAAW;AACvB,SAAS,gBAAgB;AAElB,SAAS,qBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAE/C,QAAM,eAAe,UAAU;AAC/B,QAAM,UAAU,eAAe,QAAQ;AAEvC,QAAM,MAAM,MAAM;AAAA,IAChB,CAACA,WAAa;AACZ,UAAI,CAAC,aAAc,UAASA,MAAK;AACjC,iBAAWA,MAAK;AAAA,IAClB;AAAA,IACA,CAAC,cAAc,QAAQ;AAAA,EACzB;AAEA,SAAO,CAAC,SAAS,GAAG;AACtB;","names":["value"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@locus-ui/components",
-  "version": "0.0.16",
+  "version": "0.1.1",
   "description": "A React UI component library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -31,6 +31,7 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
+  "homepage": "https://locus-ui.com/",
   "repository": {
     "type": "git",
     "url": "https://github.com/LocusInc/locus-ui.git",