@ewjdev/anyclick-react-tailwind 1.0.0

package/README.md

@@ -0,0 +1,17 @@
+# @ewjdev/anyclick-react-tailwind
+
+Tailwind companion styling package for `@ewjdev/anyclick-react`.
+
+```tsx
+import { AnyclickProvider } from "@ewjdev/anyclick-react";
+import {
+  TailwindAnyclickStyleProvider,
+} from "@ewjdev/anyclick-react-tailwind";
+import "@ewjdev/anyclick-react-tailwind/tailwind.css";
+```
+
+Exports:
+
+- `createTailwindAnyclickStyleAdapter(options?)`
+- `TailwindAnyclickStyleProvider`
+- `tailwind.css`

package/dist/index.d.mts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AnyclickStyleAdapter, AnyclickStyleProviderProps } from '@ewjdev/anyclick-react';
+
+interface TailwindAnyclickStyleOptions {
+    classNamePrefix?: string;
+}
+declare function createTailwindAnyclickStyleAdapter(options?: TailwindAnyclickStyleOptions): AnyclickStyleAdapter;
+interface TailwindAnyclickStyleProviderProps extends AnyclickStyleProviderProps {
+    options?: TailwindAnyclickStyleOptions;
+}
+declare function TailwindAnyclickStyleProvider({ children, options, ...rest }: TailwindAnyclickStyleProviderProps): react_jsx_runtime.JSX.Element;
+
+export { type TailwindAnyclickStyleOptions, TailwindAnyclickStyleProvider, type TailwindAnyclickStyleProviderProps, createTailwindAnyclickStyleAdapter };

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AnyclickStyleAdapter, AnyclickStyleProviderProps } from '@ewjdev/anyclick-react';
+
+interface TailwindAnyclickStyleOptions {
+    classNamePrefix?: string;
+}
+declare function createTailwindAnyclickStyleAdapter(options?: TailwindAnyclickStyleOptions): AnyclickStyleAdapter;
+interface TailwindAnyclickStyleProviderProps extends AnyclickStyleProviderProps {
+    options?: TailwindAnyclickStyleOptions;
+}
+declare function TailwindAnyclickStyleProvider({ children, options, ...rest }: TailwindAnyclickStyleProviderProps): react_jsx_runtime.JSX.Element;
+
+export { type TailwindAnyclickStyleOptions, TailwindAnyclickStyleProvider, type TailwindAnyclickStyleProviderProps, createTailwindAnyclickStyleAdapter };

package/dist/index.js

@@ -0,0 +1,98 @@
+"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);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  TailwindAnyclickStyleProvider: () => TailwindAnyclickStyleProvider,
+  createTailwindAnyclickStyleAdapter: () => createTailwindAnyclickStyleAdapter
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react");
+var import_anyclick_react = require("@ewjdev/anyclick-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function classNameMap(prefix) {
+  return {
+    "comment.primaryAction": `${prefix}-action ${prefix}-action-primary`,
+    "comment.secondaryAction": `${prefix}-action`,
+    "comment.section": `${prefix}-comment-section`,
+    "comment.textarea": `${prefix}-field ${prefix}-textarea`,
+    "inspect.action": `${prefix}-action`,
+    "inspect.content": `${prefix}-inspect-content`,
+    "inspect.header": `${prefix}-header`,
+    "inspect.surface": `${prefix}-surface`,
+    "menu.backButton": `${prefix}-menu-item ${prefix}-menu-back`,
+    "menu.dragHandle": `${prefix}-icon-button`,
+    "menu.header": `${prefix}-header`,
+    "menu.headerAction": `${prefix}-icon-button`,
+    "menu.item": `${prefix}-menu-item`,
+    "menu.itemBadge": `${prefix}-badge`,
+    "menu.itemIcon": `${prefix}-menu-icon`,
+    "menu.itemLabel": `${prefix}-menu-label`,
+    "menu.list": `${prefix}-menu-list`,
+    "menu.overlay": `${prefix}-overlay`,
+    "menu.submenuIndicator": `${prefix}-submenu-indicator`,
+    "menu.surface": `${prefix}-surface ${prefix}-menu-surface`,
+    "quickChat.header": `${prefix}-header`,
+    "quickChat.input": `${prefix}-field ${prefix}-textarea`,
+    "quickChat.messageList": `${prefix}-message-list`,
+    "quickChat.submit": `${prefix}-icon-button`,
+    "quickChat.surface": `${prefix}-surface`,
+    "screenshot.action": `${prefix}-action`,
+    "screenshot.empty": `${prefix}-empty`,
+    "screenshot.error": `${prefix}-empty ${prefix}-error`,
+    "screenshot.header": `${prefix}-header ${prefix}-screenshot-header`,
+    "screenshot.meta": `${prefix}-meta`,
+    "screenshot.preview": `${prefix}-preview`,
+    "screenshot.surface": `${prefix}-surface`,
+    "screenshot.tab": `${prefix}-tab`,
+    "screenshot.tabActive": `${prefix}-tab ${prefix}-tab-active`,
+    "shared.badge": `${prefix}-badge`,
+    "shared.button": `${prefix}-action`,
+    "shared.input": `${prefix}-field`,
+    "shared.textarea": `${prefix}-field ${prefix}-textarea`
+  };
+}
+function createTailwindAnyclickStyleAdapter(options = {}) {
+  const prefix = options.classNamePrefix ?? "ac-anyclick-tw";
+  const classes = classNameMap(prefix);
+  return {
+    name: "tailwind-companion",
+    resolveSlot: ({ slot }) => ({
+      className: classes[slot]
+    })
+  };
+}
+function TailwindAnyclickStyleProvider({
+  children,
+  options,
+  ...rest
+}) {
+  const adapter = (0, import_react.useMemo)(
+    () => createTailwindAnyclickStyleAdapter(options),
+    [options?.classNamePrefix]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_anyclick_react.AnyclickStyleProvider, { styleAdapter: adapter, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_anyclick_react.AnyclickStyleProvider, { ...rest, children }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TailwindAnyclickStyleProvider,
+  createTailwindAnyclickStyleAdapter
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  AnyclickStyleProvider,\n  type AnyclickStyleAdapter,\n  type AnyclickStyleProviderProps,\n  type AnyclickStyleSlot,\n} from \"@ewjdev/anyclick-react\";\n\nexport interface TailwindAnyclickStyleOptions {\n  classNamePrefix?: string;\n}\n\nfunction classNameMap(prefix: string): Record<AnyclickStyleSlot, string> {\n  return {\n    \"comment.primaryAction\": `${prefix}-action ${prefix}-action-primary`,\n    \"comment.secondaryAction\": `${prefix}-action`,\n    \"comment.section\": `${prefix}-comment-section`,\n    \"comment.textarea\": `${prefix}-field ${prefix}-textarea`,\n    \"inspect.action\": `${prefix}-action`,\n    \"inspect.content\": `${prefix}-inspect-content`,\n    \"inspect.header\": `${prefix}-header`,\n    \"inspect.surface\": `${prefix}-surface`,\n    \"menu.backButton\": `${prefix}-menu-item ${prefix}-menu-back`,\n    \"menu.dragHandle\": `${prefix}-icon-button`,\n    \"menu.header\": `${prefix}-header`,\n    \"menu.headerAction\": `${prefix}-icon-button`,\n    \"menu.item\": `${prefix}-menu-item`,\n    \"menu.itemBadge\": `${prefix}-badge`,\n    \"menu.itemIcon\": `${prefix}-menu-icon`,\n    \"menu.itemLabel\": `${prefix}-menu-label`,\n    \"menu.list\": `${prefix}-menu-list`,\n    \"menu.overlay\": `${prefix}-overlay`,\n    \"menu.submenuIndicator\": `${prefix}-submenu-indicator`,\n    \"menu.surface\": `${prefix}-surface ${prefix}-menu-surface`,\n    \"quickChat.header\": `${prefix}-header`,\n    \"quickChat.input\": `${prefix}-field ${prefix}-textarea`,\n    \"quickChat.messageList\": `${prefix}-message-list`,\n    \"quickChat.submit\": `${prefix}-icon-button`,\n    \"quickChat.surface\": `${prefix}-surface`,\n    \"screenshot.action\": `${prefix}-action`,\n    \"screenshot.empty\": `${prefix}-empty`,\n    \"screenshot.error\": `${prefix}-empty ${prefix}-error`,\n    \"screenshot.header\": `${prefix}-header ${prefix}-screenshot-header`,\n    \"screenshot.meta\": `${prefix}-meta`,\n    \"screenshot.preview\": `${prefix}-preview`,\n    \"screenshot.surface\": `${prefix}-surface`,\n    \"screenshot.tab\": `${prefix}-tab`,\n    \"screenshot.tabActive\": `${prefix}-tab ${prefix}-tab-active`,\n    \"shared.badge\": `${prefix}-badge`,\n    \"shared.button\": `${prefix}-action`,\n    \"shared.input\": `${prefix}-field`,\n    \"shared.textarea\": `${prefix}-field ${prefix}-textarea`,\n  };\n}\n\nexport function createTailwindAnyclickStyleAdapter(\n  options: TailwindAnyclickStyleOptions = {},\n): AnyclickStyleAdapter {\n  const prefix = options.classNamePrefix ?? \"ac-anyclick-tw\";\n  const classes = classNameMap(prefix);\n\n  return {\n    name: \"tailwind-companion\",\n    resolveSlot: ({ slot }) => ({\n      className: classes[slot],\n    }),\n  };\n}\n\nexport interface TailwindAnyclickStyleProviderProps\n  extends AnyclickStyleProviderProps {\n  options?: TailwindAnyclickStyleOptions;\n}\n\nexport function TailwindAnyclickStyleProvider({\n  children,\n  options,\n  ...rest\n}: TailwindAnyclickStyleProviderProps) {\n  const adapter = useMemo(\n    () => createTailwindAnyclickStyleAdapter(options),\n    [options?.classNamePrefix],\n  );\n\n  return (\n    <AnyclickStyleProvider styleAdapter={adapter}>\n      <AnyclickStyleProvider {...rest}>{children}</AnyclickStyleProvider>\n    </AnyclickStyleProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,4BAKO;AAgFD;AA1EN,SAAS,aAAa,QAAmD;AACvE,SAAO;AAAA,IACL,yBAAyB,GAAG,MAAM,WAAW,MAAM;AAAA,IACnD,2BAA2B,GAAG,MAAM;AAAA,IACpC,mBAAmB,GAAG,MAAM;AAAA,IAC5B,oBAAoB,GAAG,MAAM,UAAU,MAAM;AAAA,IAC7C,kBAAkB,GAAG,MAAM;AAAA,IAC3B,mBAAmB,GAAG,MAAM;AAAA,IAC5B,kBAAkB,GAAG,MAAM;AAAA,IAC3B,mBAAmB,GAAG,MAAM;AAAA,IAC5B,mBAAmB,GAAG,MAAM,cAAc,MAAM;AAAA,IAChD,mBAAmB,GAAG,MAAM;AAAA,IAC5B,eAAe,GAAG,MAAM;AAAA,IACxB,qBAAqB,GAAG,MAAM;AAAA,IAC9B,aAAa,GAAG,MAAM;AAAA,IACtB,kBAAkB,GAAG,MAAM;AAAA,IAC3B,iBAAiB,GAAG,MAAM;AAAA,IAC1B,kBAAkB,GAAG,MAAM;AAAA,IAC3B,aAAa,GAAG,MAAM;AAAA,IACtB,gBAAgB,GAAG,MAAM;AAAA,IACzB,yBAAyB,GAAG,MAAM;AAAA,IAClC,gBAAgB,GAAG,MAAM,YAAY,MAAM;AAAA,IAC3C,oBAAoB,GAAG,MAAM;AAAA,IAC7B,mBAAmB,GAAG,MAAM,UAAU,MAAM;AAAA,IAC5C,yBAAyB,GAAG,MAAM;AAAA,IAClC,oBAAoB,GAAG,MAAM;AAAA,IAC7B,qBAAqB,GAAG,MAAM;AAAA,IAC9B,qBAAqB,GAAG,MAAM;AAAA,IAC9B,oBAAoB,GAAG,MAAM;AAAA,IAC7B,oBAAoB,GAAG,MAAM,UAAU,MAAM;AAAA,IAC7C,qBAAqB,GAAG,MAAM,WAAW,MAAM;AAAA,IAC/C,mBAAmB,GAAG,MAAM;AAAA,IAC5B,sBAAsB,GAAG,MAAM;AAAA,IAC/B,sBAAsB,GAAG,MAAM;AAAA,IAC/B,kBAAkB,GAAG,MAAM;AAAA,IAC3B,wBAAwB,GAAG,MAAM,QAAQ,MAAM;AAAA,IAC/C,gBAAgB,GAAG,MAAM;AAAA,IACzB,iBAAiB,GAAG,MAAM;AAAA,IAC1B,gBAAgB,GAAG,MAAM;AAAA,IACzB,mBAAmB,GAAG,MAAM,UAAU,MAAM;AAAA,EAC9C;AACF;AAEO,SAAS,mCACd,UAAwC,CAAC,GACnB;AACtB,QAAM,SAAS,QAAQ,mBAAmB;AAC1C,QAAM,UAAU,aAAa,MAAM;AAEnC,SAAO;AAAA,IACL,MAAM;AAAA,IACN,aAAa,CAAC,EAAE,KAAK,OAAO;AAAA,MAC1B,WAAW,QAAQ,IAAI;AAAA,IACzB;AAAA,EACF;AACF;AAOO,SAAS,8BAA8B;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuC;AACrC,QAAM,cAAU;AAAA,IACd,MAAM,mCAAmC,OAAO;AAAA,IAChD,CAAC,SAAS,eAAe;AAAA,EAC3B;AAEA,SACE,4CAAC,+CAAsB,cAAc,SACnC,sDAAC,+CAAuB,GAAG,MAAO,UAAS,GAC7C;AAEJ;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,74 @@
+// src/index.tsx
+import { useMemo } from "react";
+import {
+  AnyclickStyleProvider
+} from "@ewjdev/anyclick-react";
+import { jsx } from "react/jsx-runtime";
+function classNameMap(prefix) {
+  return {
+    "comment.primaryAction": `${prefix}-action ${prefix}-action-primary`,
+    "comment.secondaryAction": `${prefix}-action`,
+    "comment.section": `${prefix}-comment-section`,
+    "comment.textarea": `${prefix}-field ${prefix}-textarea`,
+    "inspect.action": `${prefix}-action`,
+    "inspect.content": `${prefix}-inspect-content`,
+    "inspect.header": `${prefix}-header`,
+    "inspect.surface": `${prefix}-surface`,
+    "menu.backButton": `${prefix}-menu-item ${prefix}-menu-back`,
+    "menu.dragHandle": `${prefix}-icon-button`,
+    "menu.header": `${prefix}-header`,
+    "menu.headerAction": `${prefix}-icon-button`,
+    "menu.item": `${prefix}-menu-item`,
+    "menu.itemBadge": `${prefix}-badge`,
+    "menu.itemIcon": `${prefix}-menu-icon`,
+    "menu.itemLabel": `${prefix}-menu-label`,
+    "menu.list": `${prefix}-menu-list`,
+    "menu.overlay": `${prefix}-overlay`,
+    "menu.submenuIndicator": `${prefix}-submenu-indicator`,
+    "menu.surface": `${prefix}-surface ${prefix}-menu-surface`,
+    "quickChat.header": `${prefix}-header`,
+    "quickChat.input": `${prefix}-field ${prefix}-textarea`,
+    "quickChat.messageList": `${prefix}-message-list`,
+    "quickChat.submit": `${prefix}-icon-button`,
+    "quickChat.surface": `${prefix}-surface`,
+    "screenshot.action": `${prefix}-action`,
+    "screenshot.empty": `${prefix}-empty`,
+    "screenshot.error": `${prefix}-empty ${prefix}-error`,
+    "screenshot.header": `${prefix}-header ${prefix}-screenshot-header`,
+    "screenshot.meta": `${prefix}-meta`,
+    "screenshot.preview": `${prefix}-preview`,
+    "screenshot.surface": `${prefix}-surface`,
+    "screenshot.tab": `${prefix}-tab`,
+    "screenshot.tabActive": `${prefix}-tab ${prefix}-tab-active`,
+    "shared.badge": `${prefix}-badge`,
+    "shared.button": `${prefix}-action`,
+    "shared.input": `${prefix}-field`,
+    "shared.textarea": `${prefix}-field ${prefix}-textarea`
+  };
+}
+function createTailwindAnyclickStyleAdapter(options = {}) {
+  const prefix = options.classNamePrefix ?? "ac-anyclick-tw";
+  const classes = classNameMap(prefix);
+  return {
+    name: "tailwind-companion",
+    resolveSlot: ({ slot }) => ({
+      className: classes[slot]
+    })
+  };
+}
+function TailwindAnyclickStyleProvider({
+  children,
+  options,
+  ...rest
+}) {
+  const adapter = useMemo(
+    () => createTailwindAnyclickStyleAdapter(options),
+    [options?.classNamePrefix]
+  );
+  return /* @__PURE__ */ jsx(AnyclickStyleProvider, { styleAdapter: adapter, children: /* @__PURE__ */ jsx(AnyclickStyleProvider, { ...rest, children }) });
+}
+export {
+  TailwindAnyclickStyleProvider,
+  createTailwindAnyclickStyleAdapter
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  AnyclickStyleProvider,\n  type AnyclickStyleAdapter,\n  type AnyclickStyleProviderProps,\n  type AnyclickStyleSlot,\n} from \"@ewjdev/anyclick-react\";\n\nexport interface TailwindAnyclickStyleOptions {\n  classNamePrefix?: string;\n}\n\nfunction classNameMap(prefix: string): Record<AnyclickStyleSlot, string> {\n  return {\n    \"comment.primaryAction\": `${prefix}-action ${prefix}-action-primary`,\n    \"comment.secondaryAction\": `${prefix}-action`,\n    \"comment.section\": `${prefix}-comment-section`,\n    \"comment.textarea\": `${prefix}-field ${prefix}-textarea`,\n    \"inspect.action\": `${prefix}-action`,\n    \"inspect.content\": `${prefix}-inspect-content`,\n    \"inspect.header\": `${prefix}-header`,\n    \"inspect.surface\": `${prefix}-surface`,\n    \"menu.backButton\": `${prefix}-menu-item ${prefix}-menu-back`,\n    \"menu.dragHandle\": `${prefix}-icon-button`,\n    \"menu.header\": `${prefix}-header`,\n    \"menu.headerAction\": `${prefix}-icon-button`,\n    \"menu.item\": `${prefix}-menu-item`,\n    \"menu.itemBadge\": `${prefix}-badge`,\n    \"menu.itemIcon\": `${prefix}-menu-icon`,\n    \"menu.itemLabel\": `${prefix}-menu-label`,\n    \"menu.list\": `${prefix}-menu-list`,\n    \"menu.overlay\": `${prefix}-overlay`,\n    \"menu.submenuIndicator\": `${prefix}-submenu-indicator`,\n    \"menu.surface\": `${prefix}-surface ${prefix}-menu-surface`,\n    \"quickChat.header\": `${prefix}-header`,\n    \"quickChat.input\": `${prefix}-field ${prefix}-textarea`,\n    \"quickChat.messageList\": `${prefix}-message-list`,\n    \"quickChat.submit\": `${prefix}-icon-button`,\n    \"quickChat.surface\": `${prefix}-surface`,\n    \"screenshot.action\": `${prefix}-action`,\n    \"screenshot.empty\": `${prefix}-empty`,\n    \"screenshot.error\": `${prefix}-empty ${prefix}-error`,\n    \"screenshot.header\": `${prefix}-header ${prefix}-screenshot-header`,\n    \"screenshot.meta\": `${prefix}-meta`,\n    \"screenshot.preview\": `${prefix}-preview`,\n    \"screenshot.surface\": `${prefix}-surface`,\n    \"screenshot.tab\": `${prefix}-tab`,\n    \"screenshot.tabActive\": `${prefix}-tab ${prefix}-tab-active`,\n    \"shared.badge\": `${prefix}-badge`,\n    \"shared.button\": `${prefix}-action`,\n    \"shared.input\": `${prefix}-field`,\n    \"shared.textarea\": `${prefix}-field ${prefix}-textarea`,\n  };\n}\n\nexport function createTailwindAnyclickStyleAdapter(\n  options: TailwindAnyclickStyleOptions = {},\n): AnyclickStyleAdapter {\n  const prefix = options.classNamePrefix ?? \"ac-anyclick-tw\";\n  const classes = classNameMap(prefix);\n\n  return {\n    name: \"tailwind-companion\",\n    resolveSlot: ({ slot }) => ({\n      className: classes[slot],\n    }),\n  };\n}\n\nexport interface TailwindAnyclickStyleProviderProps\n  extends AnyclickStyleProviderProps {\n  options?: TailwindAnyclickStyleOptions;\n}\n\nexport function TailwindAnyclickStyleProvider({\n  children,\n  options,\n  ...rest\n}: TailwindAnyclickStyleProviderProps) {\n  const adapter = useMemo(\n    () => createTailwindAnyclickStyleAdapter(options),\n    [options?.classNamePrefix],\n  );\n\n  return (\n    <AnyclickStyleProvider styleAdapter={adapter}>\n      <AnyclickStyleProvider {...rest}>{children}</AnyclickStyleProvider>\n    </AnyclickStyleProvider>\n  );\n}\n"],"mappings":";AAAA,SAAgB,eAAe;AAC/B;AAAA,EACE;AAAA,OAIK;AAgFD;AA1EN,SAAS,aAAa,QAAmD;AACvE,SAAO;AAAA,IACL,yBAAyB,GAAG,MAAM,WAAW,MAAM;AAAA,IACnD,2BAA2B,GAAG,MAAM;AAAA,IACpC,mBAAmB,GAAG,MAAM;AAAA,IAC5B,oBAAoB,GAAG,MAAM,UAAU,MAAM;AAAA,IAC7C,kBAAkB,GAAG,MAAM;AAAA,IAC3B,mBAAmB,GAAG,MAAM;AAAA,IAC5B,kBAAkB,GAAG,MAAM;AAAA,IAC3B,mBAAmB,GAAG,MAAM;AAAA,IAC5B,mBAAmB,GAAG,MAAM,cAAc,MAAM;AAAA,IAChD,mBAAmB,GAAG,MAAM;AAAA,IAC5B,eAAe,GAAG,MAAM;AAAA,IACxB,qBAAqB,GAAG,MAAM;AAAA,IAC9B,aAAa,GAAG,MAAM;AAAA,IACtB,kBAAkB,GAAG,MAAM;AAAA,IAC3B,iBAAiB,GAAG,MAAM;AAAA,IAC1B,kBAAkB,GAAG,MAAM;AAAA,IAC3B,aAAa,GAAG,MAAM;AAAA,IACtB,gBAAgB,GAAG,MAAM;AAAA,IACzB,yBAAyB,GAAG,MAAM;AAAA,IAClC,gBAAgB,GAAG,MAAM,YAAY,MAAM;AAAA,IAC3C,oBAAoB,GAAG,MAAM;AAAA,IAC7B,mBAAmB,GAAG,MAAM,UAAU,MAAM;AAAA,IAC5C,yBAAyB,GAAG,MAAM;AAAA,IAClC,oBAAoB,GAAG,MAAM;AAAA,IAC7B,qBAAqB,GAAG,MAAM;AAAA,IAC9B,qBAAqB,GAAG,MAAM;AAAA,IAC9B,oBAAoB,GAAG,MAAM;AAAA,IAC7B,oBAAoB,GAAG,MAAM,UAAU,MAAM;AAAA,IAC7C,qBAAqB,GAAG,MAAM,WAAW,MAAM;AAAA,IAC/C,mBAAmB,GAAG,MAAM;AAAA,IAC5B,sBAAsB,GAAG,MAAM;AAAA,IAC/B,sBAAsB,GAAG,MAAM;AAAA,IAC/B,kBAAkB,GAAG,MAAM;AAAA,IAC3B,wBAAwB,GAAG,MAAM,QAAQ,MAAM;AAAA,IAC/C,gBAAgB,GAAG,MAAM;AAAA,IACzB,iBAAiB,GAAG,MAAM;AAAA,IAC1B,gBAAgB,GAAG,MAAM;AAAA,IACzB,mBAAmB,GAAG,MAAM,UAAU,MAAM;AAAA,EAC9C;AACF;AAEO,SAAS,mCACd,UAAwC,CAAC,GACnB;AACtB,QAAM,SAAS,QAAQ,mBAAmB;AAC1C,QAAM,UAAU,aAAa,MAAM;AAEnC,SAAO;AAAA,IACL,MAAM;AAAA,IACN,aAAa,CAAC,EAAE,KAAK,OAAO;AAAA,MAC1B,WAAW,QAAQ,IAAI;AAAA,IACzB;AAAA,EACF;AACF;AAOO,SAAS,8BAA8B;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuC;AACrC,QAAM,UAAU;AAAA,IACd,MAAM,mCAAmC,OAAO;AAAA,IAChD,CAAC,SAAS,eAAe;AAAA,EAC3B;AAEA,SACE,oBAAC,yBAAsB,cAAc,SACnC,8BAAC,yBAAuB,GAAG,MAAO,UAAS,GAC7C;AAEJ;","names":[]}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@ewjdev/anyclick-react-tailwind",
+  "version": "1.0.0",
+  "private": false,
+  "description": "Tailwind style adapter package for @ewjdev/anyclick-react",
+  "license": "MIT",
+  "author": "ewjdev",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ewjdev/anyclick.git",
+    "directory": "packages/anyclick-react-tailwind"
+  },
+  "sideEffects": [
+    "./src/tailwind.css"
+  ],
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    },
+    "./tailwind.css": "./src/tailwind.css"
+  },
+  "files": [
+    "dist",
+    "src/tailwind.css"
+  ],
+  "scripts": {
+    "build": "tsup src/index.tsx --format esm,cjs --dts --sourcemap --external react",
+    "clean": "rimraf dist",
+    "dev": "tsup src/index.tsx --format esm,cjs --dts --sourcemap --external react --watch"
+  },
+  "dependencies": {
+    "@ewjdev/anyclick-react": "^5.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=19.2.1",
+    "react-dom": ">=19.2.1",
+    "tailwindcss": ">=4.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.1",
+    "@types/react-dom": "^19.2.1",
+    "rimraf": "^6.0.1",
+    "tsup": "^8.3.5",
+    "typescript": "5.8.3"
+  }
+}

package/src/tailwind.css

@@ -0,0 +1,158 @@
+@import "tailwindcss";
+
+@layer components {
+  .ac-anyclick-tw-overlay {
+    @apply fixed inset-0 bg-transparent;
+  }
+
+  .ac-anyclick-tw-surface {
+    @apply rounded-xl shadow-2xl;
+    background: var(--anyclick-menu-bg, #ffffff);
+    border: 1px solid var(--anyclick-menu-border, #e2e8f0);
+    color: var(--anyclick-menu-text, #0f172a);
+  }
+
+  .ac-anyclick-tw-menu-surface {
+    @apply min-w-[220px] overflow-hidden;
+  }
+
+  .ac-anyclick-tw-header {
+    @apply flex items-center justify-between gap-2 px-3 py-2 text-[11px] font-bold uppercase tracking-[0.08em];
+    border-bottom: 1px solid var(--anyclick-menu-border, #e2e8f0);
+    color: var(--anyclick-menu-text-muted, var(--anyclick-menu-text, #475569));
+  }
+
+  .ac-anyclick-tw-menu-list {
+    @apply flex flex-col;
+  }
+
+  .ac-anyclick-tw-menu-item {
+    @apply flex min-h-10 w-full items-center gap-3 border-0 bg-transparent px-4 py-2 text-left text-sm transition disabled:cursor-not-allowed disabled:opacity-60;
+    color: var(--anyclick-menu-text, #0f172a);
+  }
+
+  .ac-anyclick-tw-menu-item:hover,
+  .ac-anyclick-tw-menu-item:focus-visible {
+    background: var(--anyclick-menu-hover, #f1f5f9);
+    color: var(--anyclick-menu-text, #0f172a);
+  }
+
+  .ac-anyclick-tw-menu-back {
+    border-bottom: 1px solid var(--anyclick-menu-border, #e2e8f0);
+  }
+
+  .ac-anyclick-tw-menu-icon {
+    @apply inline-flex h-5 w-5 items-center justify-center;
+    color: currentColor;
+  }
+
+  .ac-anyclick-tw-menu-label {
+    @apply inline-flex flex-1 items-center gap-2;
+    color: inherit;
+  }
+
+  .ac-anyclick-tw-submenu-indicator {
+    @apply ml-auto opacity-60;
+    color: inherit;
+  }
+
+  .ac-anyclick-tw-comment-section,
+  .ac-anyclick-tw-inspect-content,
+  .ac-anyclick-tw-message-list {
+    @apply flex flex-col gap-2 p-3;
+  }
+
+  .ac-anyclick-tw-action {
+    @apply inline-flex min-h-8 items-center justify-center gap-2 rounded-md px-3 text-sm font-semibold transition disabled:cursor-not-allowed disabled:opacity-60;
+    background: var(--anyclick-menu-cancel-bg, color-mix(in srgb, var(--anyclick-menu-bg, #ffffff) 88%, #ffffff));
+    border: 1px solid var(--anyclick-menu-border, #e2e8f0);
+    color: var(--anyclick-menu-cancel-text, var(--anyclick-menu-text, #0f172a));
+  }
+
+  .ac-anyclick-tw-action-primary {
+    background: var(--anyclick-menu-accent, #0284c7);
+    border-color: transparent;
+    color: var(--anyclick-menu-accent-text, #ffffff);
+  }
+
+  .ac-anyclick-tw-icon-button {
+    @apply inline-flex h-8 w-8 items-center justify-center rounded-md border border-transparent bg-transparent transition;
+    color: var(--anyclick-menu-text-muted, var(--anyclick-menu-text, #475569));
+  }
+
+  .ac-anyclick-tw-action:hover,
+  .ac-anyclick-tw-action:focus-visible,
+  .ac-anyclick-tw-icon-button:hover,
+  .ac-anyclick-tw-icon-button:focus-visible {
+    background: var(--anyclick-menu-hover, #f1f5f9);
+  }
+
+  .ac-anyclick-tw-action-primary:hover,
+  .ac-anyclick-tw-action-primary:focus-visible {
+    filter: brightness(1.05);
+  }
+
+  .ac-anyclick-tw-field {
+    @apply w-full rounded-md px-3 py-2 text-sm outline-none ring-0 transition;
+    background: var(--anyclick-menu-input-bg, #ffffff);
+    border: 1px solid var(--anyclick-menu-input-border, var(--anyclick-menu-border, #e2e8f0));
+    color: var(--anyclick-menu-text, #0f172a);
+  }
+
+  .ac-anyclick-tw-textarea {
+    @apply min-h-[88px] resize-y;
+  }
+
+  .ac-anyclick-tw-field::placeholder {
+    color: color-mix(in srgb, var(--anyclick-menu-text, #0f172a) 55%, transparent);
+  }
+
+  .ac-anyclick-tw-field:focus-visible {
+    border-color: var(--anyclick-menu-accent, #0284c7);
+  }
+
+  .ac-anyclick-tw-badge {
+    @apply inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-semibold;
+    background: color-mix(in srgb, var(--anyclick-menu-hover, #f1f5f9) 85%, transparent);
+    border: 1px solid var(--anyclick-menu-border, #e2e8f0);
+    color: var(--anyclick-menu-text-muted, var(--anyclick-menu-text, #475569));
+  }
+
+  .ac-anyclick-tw-screenshot-header {
+    @apply border-b-0;
+  }
+
+  .ac-anyclick-tw-tab {
+    @apply inline-flex min-h-7 items-center gap-1 rounded-md border border-transparent bg-transparent px-2 py-1 text-xs font-medium transition;
+    color: var(--anyclick-menu-text-muted, var(--anyclick-menu-text, #475569));
+  }
+
+  .ac-anyclick-tw-tab-active {
+    background: color-mix(in srgb, var(--anyclick-menu-accent, #0284c7) 14%, transparent);
+    border-color: color-mix(in srgb, var(--anyclick-menu-accent, #0284c7) 35%, transparent);
+    color: var(--anyclick-menu-accent, #0284c7);
+  }
+
+  .ac-anyclick-tw-preview {
+    @apply flex min-h-40 items-center justify-center rounded-lg p-2;
+    background: color-mix(in srgb, var(--anyclick-menu-hover, #f8fafc) 70%, transparent);
+    border: 1px solid var(--anyclick-menu-border, #e2e8f0);
+  }
+
+  .ac-anyclick-tw-empty {
+    @apply flex flex-col items-center justify-center gap-2 p-6 text-center text-sm;
+    color: var(--anyclick-menu-text-muted, var(--anyclick-menu-text, #475569));
+  }
+
+  .ac-anyclick-tw-error {
+    @apply border;
+    background: color-mix(in srgb, #fb7185 12%, transparent);
+    border-color: color-mix(in srgb, #fb7185 45%, transparent);
+    color: #be123c;
+  }
+
+  .ac-anyclick-tw-meta {
+    @apply text-center text-[11px];
+    color: var(--anyclick-menu-text-muted, var(--anyclick-menu-text, #475569));
+  }
+}