@haklex/rich-editor-ui 0.0.3 → 0.0.4

package/dist/components/color-picker/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/styles.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO,QAgBlB,CAAA;AAEF,eAAO,MAAM,YAAY,QAIvB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,KAAK,QAGhB,CAAA;AAMF,eAAO,MAAM,IAAI,QAIf,CAAA;AAEF,eAAO,MAAM,MAAM,QAgBjB,CAAA;AAEF,eAAO,MAAM,SAAS,QAKpB,CAAA;AAEF,eAAO,MAAM,WAAW,QAKtB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/styles.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO,QAgBlB,CAAA;AAEF,eAAO,MAAM,YAAY,QAIvB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,KAAK,QAQhB,CAAA;AAEF,eAAO,MAAM,IAAI,QAIf,CAAA;AAEF,eAAO,MAAM,MAAM,QAgBjB,CAAA;AAEF,eAAO,MAAM,SAAS,QAKpB,CAAA;AAEF,eAAO,MAAM,WAAW,QAKtB,CAAA"}

package/dist/components/dialog/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/styles.css.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,QAAQ,QAKnB,CAAA;AAUF,eAAO,MAAM,KAAK,QAyBhB,CAAA;AAUF,eAAO,MAAM,WAAW,QA8BtB,CAAA;AASF,eAAO,MAAM,MAAM,QAUjB,CAAA;AAEF,eAAO,MAAM,MAAM,QAWjB,CAAA;AAEF,eAAO,MAAM,KAAK,QAOhB,CAAA;AAEF,eAAO,MAAM,WAAW,QAKtB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/styles.css.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,QAAQ,QAanB,CAAA;AAEF,eAAO,MAAM,KAAK,QAiChB,CAAA;AAEF,eAAO,MAAM,WAAW,QA8BtB,CAAA;AASF,eAAO,MAAM,MAAM,QAUjB,CAAA;AAEF,eAAO,MAAM,MAAM,QAWjB,CAAA;AAEF,eAAO,MAAM,KAAK,QAOhB,CAAA;AAEF,eAAO,MAAM,WAAW,QAKtB,CAAA"}

package/dist/components/popover/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/popover/styles.css.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,KAAK,QAUhB,CAAA;AAeF,eAAO,MAAM,KAAK,QAIhB,CAAA;AAWF,eAAO,MAAM,KAAK,QAKhB,CAAA;AAEF,eAAO,MAAM,WAAW,QAKtB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/popover/styles.css.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,KAAK,QAsBhB,CAAA;AAEF,eAAO,MAAM,KAAK,QAIhB,CAAA;AAWF,eAAO,MAAM,KAAK,QAKhB,CAAA;AAEF,eAAO,MAAM,WAAW,QAKtB,CAAA"}

package/dist/components/segmented-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC7D,KAAK,EAAE,CAAC,CAAA;IACR,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC9D,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAA;IAChC,KAAK,EAAE,CAAC,CAAA;IACR,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,EACjD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAW,EACX,SAAiB,EACjB,SAAS,GACV,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAmH1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC7D,KAAK,EAAE,CAAC,CAAA;IACR,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC9D,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAA;IAChC,KAAK,EAAE,CAAC,CAAA;IACR,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,EACjD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAW,EACX,SAAiB,EACjB,SAAS,GACV,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAwH1B"}

package/dist/components/segmented-control/styles.css.d.ts

@@ -1,11 +1,56 @@
-export declare const container: string;
-export declare const containerFullWidth: string;
-export declare const sizeVariants: Record<"sm" | "md", string>;
-export declare const indicator: string;
-export declare const indicatorHidden: string;
-export declare const item: string;
-export declare const itemActive: string;
-export declare const itemDisabled: string;
-export declare const itemFullWidth: string;
-export declare const itemPaddingVariants: Record<"sm" | "md", string>;
+export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
+    size: {
+        sm: {
+            height: "2rem";
+            fontSize: "0.75rem";
+        };
+        md: {
+            height: "2.5rem";
+            fontSize: "0.875rem";
+        };
+    };
+    fullWidth: {
+        true: {
+            width: "100%";
+        };
+        false: {};
+    };
+}>;
+export declare const indicator: import('@vanilla-extract/recipes').RuntimeFn<{
+    ready: {
+        true: {};
+        false: {
+            opacity: number;
+        };
+    };
+}>;
+export declare const item: import('@vanilla-extract/recipes').RuntimeFn<{
+    size: {
+        sm: {
+            padding: "0 0.75rem";
+        };
+        md: {
+            padding: "0 1rem";
+        };
+    };
+    active: {
+        true: {
+            color: `var(--${string})`;
+        };
+        false: {};
+    };
+    disabled: {
+        true: {
+            pointerEvents: "none";
+            opacity: number;
+        };
+        false: {};
+    };
+    fullWidth: {
+        true: {
+            flex: number;
+        };
+        false: {};
+    };
+}>;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/segmented-control/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAOpB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAE7B,CAAA;AAEF,eAAO,MAAM,YAAY,6BASvB,CAAA;AAEF,eAAO,MAAM,SAAS,QASpB,CAAA;AAEF,eAAO,MAAM,eAAe,QAE1B,CAAA;AAEF,eAAO,MAAM,IAAI,QAsBf,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA;AAEF,eAAO,MAAM,mBAAmB,6BAO9B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;EA+BpB,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;EAsBpB,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0Df,CAAA"}

package/dist/components/tooltip/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/styles.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,KAAK,QAgBhB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/styles.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,KAAK,QA4BhB,CAAA"}

package/dist/index.mjs

@@ -706,16 +706,113 @@ function DropdownMenuCheckboxItem({
 function CheckIcon() {
   return /* @__PURE__ */ jsx(Check, { size: 16 });
 }
-var container = "_6d8tz20";
-var containerFullWidth = "_6d8tz21";
-var sizeVariants = { sm: "_6d8tz22", md: "_6d8tz23" };
-var indicator = "_6d8tz24";
-var indicatorHidden = "_6d8tz25";
-var item = "_6d8tz26";
-var itemActive = "_6d8tz27";
-var itemDisabled = "_6d8tz28";
-var itemFullWidth = "_6d8tz29";
-var itemPaddingVariants = { sm: "_6d8tz2a", md: "_6d8tz2b" };
+function toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
+function _defineProperty(obj, key, value) {
+  key = toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function mapValues(input, fn) {
+  var result = {};
+  for (var _key in input) {
+    result[_key] = fn(input[_key], _key);
+  }
+  return result;
+}
+var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
+  for (var key of Object.keys(compoundCheck)) {
+    var _selections$key;
+    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {
+      return false;
+    }
+  }
+  return true;
+};
+var createRuntimeFn = (config) => {
+  var runtimeFn = (options) => {
+    var className = config.defaultClassName;
+    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+    for (var variantName in selections) {
+      var _selections$variantNa;
+      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
+      if (variantSelection != null) {
+        var selection = variantSelection;
+        if (typeof selection === "boolean") {
+          selection = selection === true ? "true" : "false";
+        }
+        var selectionClassName = (
+          // @ts-expect-error
+          config.variantClassNames[variantName][selection]
+        );
+        if (selectionClassName) {
+          className += " " + selectionClassName;
+        }
+      }
+    }
+    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
+      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
+        className += " " + compoundClassName;
+      }
+    }
+    return className;
+  };
+  runtimeFn.variants = () => Object.keys(config.variantClassNames);
+  runtimeFn.classNames = {
+    get base() {
+      return config.defaultClassName.split(" ")[0];
+    },
+    get variants() {
+      return mapValues(config.variantClassNames, (classNames) => mapValues(classNames, (className) => className.split(" ")[0]));
+    }
+  };
+  return runtimeFn;
+};
+var container = createRuntimeFn({ defaultClassName: "_6d8tz20", variantClassNames: { size: { sm: "_6d8tz21", md: "_6d8tz22" }, fullWidth: { true: "_6d8tz23", false: "_6d8tz24" } }, defaultVariants: { size: "sm", fullWidth: false }, compoundVariants: [] });
+var indicator = createRuntimeFn({ defaultClassName: "_6d8tz25", variantClassNames: { ready: { true: "_6d8tz26", false: "_6d8tz27" } }, defaultVariants: { ready: true }, compoundVariants: [] });
+var item = createRuntimeFn({ defaultClassName: "_6d8tz28", variantClassNames: { size: { sm: "_6d8tz29", md: "_6d8tz2a" }, active: { true: "_6d8tz2b", false: "_6d8tz2c" }, disabled: { true: "_6d8tz2d", false: "_6d8tz2e" }, fullWidth: { true: "_6d8tz2f", false: "_6d8tz2g" } }, defaultVariants: { size: "sm", active: false, disabled: false, fullWidth: false }, compoundVariants: [] });
 function SegmentedControl({
   items,
   value,
@@ -793,12 +890,12 @@ function SegmentedControl({
       role: "tablist",
       "aria-orientation": "horizontal",
       onKeyDown: handleKeyDown,
-      className: `${container} ${sizeVariants[size]} ${fullWidth ? containerFullWidth : ""} ${className || ""}`.trim(),
+      className: `${container({ size, fullWidth })} ${className || ""}`.trim(),
       children: [
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: `${indicator} ${!isReady ? indicatorHidden : ""}`.trim(),
+            className: indicator({ ready: isReady }),
             style: {
               left: indicator$12.left,
               width: indicator$12.width
@@ -822,7 +919,12 @@ function SegmentedControl({
               tabIndex: isActive ? 0 : -1,
               disabled: item$12.disabled,
               onClick: () => onChange(item$12.value),
-              className: `${item} ${itemPaddingVariants[size]} ${isActive ? itemActive : ""} ${item$12.disabled ? itemDisabled : ""} ${fullWidth ? itemFullWidth : ""}`.trim(),
+              className: item({
+                size,
+                active: isActive,
+                disabled: Boolean(item$12.disabled),
+                fullWidth
+              }),
               children: item$12.label
             },
             item$12.value

package/dist/rich-editor-ui.css

@@ -529,17 +529,17 @@
   padding: 0.25rem;
 }
 ._6d8tz21 {
-  width: 100%;
-}
-._6d8tz22 {
   height: 2rem;
   font-size: 0.75rem;
 }
-._6d8tz23 {
+._6d8tz22 {
   height: 2.5rem;
   font-size: 0.875rem;
 }
-._6d8tz24 {
+._6d8tz23 {
+  width: 100%;
+}
+._6d8tz25 {
   position: absolute;
   top: 0.25rem;
   bottom: 0.25rem;
@@ -549,10 +549,10 @@
   transition: all 300ms cubic-bezier(0.25, 1, 0.5, 1);
   pointer-events: none;
 }
-._6d8tz25 {
+._6d8tz27 {
   opacity: 0;
 }
-._6d8tz26 {
+._6d8tz28 {
   position: relative;
   z-index: 10;
   display: flex;
@@ -568,25 +568,25 @@
   transition: color 200ms;
   color: var(--rc-text-secondary);
 }
-._6d8tz26:focus-visible {
+._6d8tz28:focus-visible {
   outline: 2px solid var(--rc-accent);
   outline-offset: 1px;
 }
-._6d8tz27 {
+._6d8tz29 {
+  padding: 0 0.75rem;
+}
+._6d8tz2a {
+  padding: 0 1rem;
+}
+._6d8tz2b {
   color: var(--rc-text);
 }
-._6d8tz28 {
+._6d8tz2d {
   pointer-events: none;
   opacity: 0.4;
 }
-._6d8tz29 {
+._6d8tz2f {
   flex: 1;
-}
-._6d8tz2a {
-  padding: 0 0.75rem;
-}
-._6d8tz2b {
-  padding: 0 1rem;
 }@keyframes _1cspf2m0 {
   from {
     opacity: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-editor-ui",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "UI components for haklex rich editor",
   "license": "MIT",
   "type": "module",
@@ -18,12 +18,13 @@
   "dependencies": {
     "@base-ui/react": "^1.1.0",
     "lucide-react": "^0.574.0",
-    "@haklex/rich-style-token": "0.0.3"
+    "@haklex/rich-style-token": "0.0.4"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vanilla-extract/css": "^1.17.1",
+    "@vanilla-extract/recipes": "^0.5.7",
     "@vanilla-extract/vite-plugin": "^4.0.20",
     "react": "19.2.4",
     "react-dom": "19.2.4",