@jbpark/live-editor 3.0.1 → 3.1.0

package/dist/{index-GuEiafMN.d.ts → index-DxbG789f.d.ts}

@@ -12,6 +12,7 @@ interface DataAttrNode {
   dataAttributes: Attribute[];
   textContent: string;
   rawChildren?: string;
+  source?: string;
   loc?: {
     start: {
       line: number;
@@ -151,6 +152,28 @@ declare const bulkUpdate: (raw: string, entries: {
   property?: string;
 }[]) => UpdateResult;
 //#endregion
+//#region src/utils/ast/children.d.ts
+type ChildrenAction = {
+  type: 'move';
+  from: number;
+  to: number;
+} | {
+  type: 'move-selected';
+  indices: number[];
+  direction: 'up' | 'down';
+} | {
+  type: 'remove' | 'duplicate';
+  indices: number[];
+} | {
+  type: 'append';
+};
+interface ChildrenEdit {
+  kind: 'children-edit';
+  expected: string[];
+  action: ChildrenAction;
+}
+declare const getChildrenSignatures: (nodes: DataAttrNode[]) => string[];
+//#endregion
 //#region node_modules/.pnpm/@babel+parser@7.29.8/node_modules/@babel/parser/typings/babel-parser.d.ts
 declare class Position {
   line: number;
@@ -189,5 +212,5 @@ interface ValidationResult {
 }
 declare const validateBindingValue: (binding: BindingItem, value: unknown) => ValidationResult;
 //#endregion
-export { flattenEditableValue as A, BindingOption as B, EditablePathSegment as C, createNodeFromValue as D, arrayExpressionToCode as E, getCurrentValue as F, EditableNodeValueType as G, BindingRenderMap as H, getStructuredValue as I, ExtractedNodeValue as K, parseBinding as L, parseValue as M, setEditableValue as N, extractNodeValue as O, findEditableChildren as P, parseBindingExpression as R, generateCode as S, EditableValueEntry as T, BindingType as U, BindingRenderLeaf as V, DataAttrNode as W, moveArrayItems as _, replaceIds as a, updateArrayItemProperty as b, bulkUpdate as c, extract as d, ArrayItem as f, moveArrayItem as g, duplicateArrayItems as h, fillIds as i, parseArrayExpression as j, extractObjectProperties as k, update as l, appendArrayItem as m, validateBindingValue as n, UpdateFailure as o, ItemKind as p, NodeValueType as q, clone as r, UpdateResult as s, ValidationResult as t, clearExtractCache as u, parseItems as v, EditablePrimitive as w, updateArrayItemValue as x, removeArrayItems as y, BindingItem as z };
-//# sourceMappingURL=index-GuEiafMN.d.ts.map
+export { createNodeFromValue as A, parseBinding as B, updateArrayItemProperty as C, EditablePrimitive as D, EditablePathSegment as E, parseValue as F, BindingRenderMap as G, BindingItem as H, setEditableValue as I, EditableNodeValueType as J, BindingType as K, findEditableChildren as L, extractObjectProperties as M, flattenEditableValue as N, EditableValueEntry as O, parseArrayExpression as P, getCurrentValue as R, removeArrayItems as S, generateCode as T, BindingOption as U, parseBindingExpression as V, BindingRenderLeaf as W, NodeValueType as X, ExtractedNodeValue as Y, appendArrayItem as _, replaceIds as a, moveArrayItems as b, getChildrenSignatures as c, bulkUpdate as d, update as f, ItemKind as g, ArrayItem as h, fillIds as i, extractNodeValue as j, arrayExpressionToCode as k, UpdateFailure as l, extract as m, validateBindingValue as n, ChildrenAction as o, clearExtractCache as p, DataAttrNode as q, clone as r, ChildrenEdit as s, ValidationResult as t, UpdateResult as u, duplicateArrayItems as v, updateArrayItemValue as w, parseItems as x, moveArrayItem as y, getStructuredValue as z };
+//# sourceMappingURL=index-DxbG789f.d.ts.map

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { v as Section } from "./document-J9Lo9p81.js";
 import { t as FrameProps } from "./index-DpDU1IAw.js";
-import { A as Props, D as DndPanel, E as DndPalette, O as PanelBinding, S as Panel, T as DraggableItemProps, _ as Canvas, b as Layout, f as FieldProps, i as ItemsEditorItem, k as PanelNodeChange, n as ItemsEditor, p as DndLayout, s as ItemsEditorOptions, t as Dnd, x as Palette } from "./index-Bqc5kUAG.js";
-import { a as Props$2, n as EditorRenderData, r as Props$1, t as Editor } from "./index-C4TBkJBG.js";
+import { A as DndPanel, C as Layout, M as PanelNodeChange, N as Props, O as DraggableItemProps, T as Panel, a as ItemsEditor, b as Canvas, g as DndLayout, h as FieldProps, j as PanelBinding, k as DndPalette, s as ItemsEditorItem, t as Dnd, u as ItemsEditorOptions, w as Palette } from "./index-DswWDEXZ.js";
+import { a as Props$2, n as EditorRenderData, r as Props$1, t as Editor } from "./index-Ck3akHag.js";
 import { a as Props$5, n as Props$4, o as Props$3, s as ErrorBoundary, t as Error } from "./index-CCynrS6c.js";
 import { n as Props$6, t as Preview } from "./index-lgHdCda5.js";
 //#region src/index.d.ts
@@ -17,7 +17,7 @@ declare const App: {
     Guard: ({ children, onError }: Props$5) => import("react").JSX.Element;
   };
   Editor: (({ defaultValue, value: _value, debounce, onChange: _onChange, renderEditor, fragment, prettierOptions, ...props }: Props$1) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined) & {
-    Core: ({ value, theme, height, className, prettierOptions, fragment, raw, onChange, onSave: _onSave, onError, ...props }: Props$2) => import("react").JSX.Element;
+    Core: ({ value, theme, height, className, prettierOptions, fragment, raw, onChange, onSave, onError, ...props }: Props$2) => import("react").JSX.Element;
   };
   Dnd: (({ value: _value, props, modules, onChange: _onChange, className, items, frame, dynamicTailwind, provider, children, ...restProps }: Props) => import("react").JSX.Element) & {
     DraggableItem: ({ item, children }: DraggableItemProps) => import("react").ReactNode;

package/dist/index.js

@@ -1,8 +1,8 @@
-import { t as ContextProvider } from "./context-DH70wj9d.js";
-import { t as Dnd } from "./dnd-CZJjzuTC.js";
-import { t as Editor } from "./editor-Ct9wuhLm.js";
-import { t as Error } from "./error-lsJey-it.js";
-import { t as Preview } from "./preview-CNVXyDgY.js";
+import { t as ContextProvider } from "./context-649REFsj.js";
+import { t as Dnd } from "./dnd-BnXoytb5.js";
+import { t as Editor } from "./editor-DQSoTCe8.js";
+import { t as Error } from "./error-CO0EbMlA.js";
+import { t as Preview } from "./preview-DFH-z_JL.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/index.tsx
 const App = ({ children }) => {

package/dist/preview/index.js

@@ -1,2 +1,2 @@
-import { t as Preview } from "../preview-CNVXyDgY.js";
+import { t as Preview } from "../preview-DFH-z_JL.js";
 export { Preview as default };

package/dist/{preview-CNVXyDgY.js → preview-DFH-z_JL.js}

@@ -1,7 +1,7 @@
-import { r as cn } from "./utils-BwEgY5pe.js";
+import { r as cn } from "./utils-WyxPYZGh.js";
 import { i as usePreview, r as useError } from "./states-Ci1AvoQ9.js";
-import { n as useCompiledModule, r as Frame, t as useDynamicTailwind } from "./use-dynamic-tailwind-C0Onss1A.js";
-import { t as Error } from "./error-lsJey-it.js";
+import { n as useCompiledModule, r as Frame, t as useDynamicTailwind } from "./use-dynamic-tailwind-DqqQu2de.js";
+import { t as Error } from "./error-CO0EbMlA.js";
 import { useMemo } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/preview/client.tsx
@@ -79,4 +79,4 @@ const Preview = ({ code, props = {}, modules = {}, dynamicTailwind = false, prov
 //#endregion
 export { Preview as t };
 
-//# sourceMappingURL=preview-CNVXyDgY.js.map
+//# sourceMappingURL=preview-DFH-z_JL.js.map

package/dist/{preview-CNVXyDgY.js.map → preview-DFH-z_JL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"preview-CNVXyDgY.js","names":["LiveError"],"sources":["../src/components/preview/client.tsx","../src/components/preview/preview.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { useError, usePreview } from '~/components/context/states';\nimport LiveError from '~/components/error';\nimport Frame, { type FrameProps } from '~/components/frame';\nimport { cn } from '~/utils';\n\nimport { type Props } from './preview';\nimport { useCompiledModule } from './use-compiled-module';\nimport { useDynamicTailwind } from './use-dynamic-tailwind';\n\nconst Client = ({\n  code: _code = '',\n  className,\n  showError,\n  props = {},\n  modules = {},\n  frame,\n  dynamicTailwind = false,\n  provider,\n}: Props) => {\n  const { code } = usePreview();\n  const { error, setError } = useError();\n  const isError = !!showError && !!error;\n\n  const classNames = cn(isError && 'hidden', className);\n\n  const effectiveCode = _code || code;\n\n  const module = useCompiledModule(effectiveCode, modules);\n\n  // Attached to the wrapper below; scans the rendered DOM so classes coming\n  // from an imported component are picked up too. See the hook for details.\n  const { ref: contentRef, css: dynamicCSS } = useDynamicTailwind(\n    effectiveCode,\n    dynamicTailwind,\n  );\n\n  const componentProps = useMemo(\n    () => ({\n      ...props,\n    }),\n    [props],\n  );\n\n  const renderProvider = (component: React.ReactNode) => {\n    return provider ? provider(component) : component;\n  };\n\n  if (module && module.error) {\n    return (\n      <>\n        <div className={cn('relative h-full w-full', classNames)}>\n          <LiveError message={module.error} title=\"Compile Error\" />\n        </div>\n        <LiveError.Runtime open={isError} />\n      </>\n    );\n  }\n\n  const Component = module?.exports?.default;\n\n  if (!Component) {\n    return null;\n  }\n\n  return (\n    <>\n      {frame ? (\n        <div className={cn('h-full w-full', classNames)}>\n          <Frame {...(frame as FrameProps)}>\n            {container => (\n              <div ref={contentRef} style={{ display: 'contents' }}>\n                <LiveError.Boundary\n                  resetKeys={[effectiveCode]}\n                  onError={(e: Error) => setError(e.message)}\n                >\n                  {renderProvider(\n                    <LiveError.Guard onError={e => setError(e.message)}>\n                      <Component {...componentProps} container={container} />\n                      {dynamicTailwind && dynamicCSS && (\n                        <style>{dynamicCSS}</style>\n                      )}\n                    </LiveError.Guard>,\n                  )}\n                </LiveError.Boundary>\n              </div>\n            )}\n          </Frame>\n        </div>\n      ) : (\n        <div\n          ref={contentRef}\n          className={cn(\n            'relative h-full w-full overflow-x-hidden overflow-y-auto',\n            classNames,\n          )}\n          style={{\n            isolation: 'isolate',\n            transform: 'translateZ(0)',\n            containerType: 'inline-size',\n          }}\n        >\n          <LiveError.Boundary\n            resetKeys={[effectiveCode]}\n            onError={e => setError(e.message)}\n          >\n            {renderProvider(\n              <LiveError.Guard onError={e => setError(e.message)}>\n                <Component {...componentProps} />\n                {dynamicTailwind && dynamicCSS && <style>{dynamicCSS}</style>}\n              </LiveError.Guard>,\n            )}\n          </LiveError.Boundary>\n        </div>\n      )}\n      <LiveError.Runtime open={isError} />\n    </>\n  );\n};\n\nexport default Client;\n","import type React from 'react';\n\nimport type { FrameProps } from '../frame';\nimport Client from './client';\n\nexport interface Props extends React.ComponentPropsWithRef<'div'> {\n  code?: string;\n  showError?: boolean;\n  props?: Record<string, unknown>;\n  container?: HTMLElement | null;\n  frame?: boolean | FrameProps;\n  modules?: Record<string, unknown>;\n  dynamicTailwind?: boolean;\n  provider?: (children: React.ReactNode) => React.ReactNode;\n}\n\n// A thin wrapper around Client, which does the actual compiling, error\n// handling, and frame wrapping. This used to have its own duplicate\n// compile-and-render branch for the `code` prop that never wrapped its\n// output in <Frame>, so `frame` was silently ignored whenever `code` was\n// passed — see #187. Client already handles `code` (falling back to\n// context when absent) and `frame`, so there is only one render path now.\nconst Preview = ({\n  code,\n  props = {},\n  modules = {},\n  dynamicTailwind = false,\n  provider,\n  ...restProps\n}: Props) => {\n  return (\n    <Client\n      code={code}\n      props={props}\n      modules={modules}\n      dynamicTailwind={dynamicTailwind}\n      provider={provider}\n      {...restProps}\n    />\n  );\n};\n\nexport default Preview;\n"],"mappings":";;;;;;;AAaA,MAAM,UAAU,EACd,MAAM,QAAQ,IACd,WACA,WACA,QAAQ,CAAC,GACT,UAAU,CAAC,GACX,OACA,kBAAkB,OAClB,eACW;CACX,MAAM,EAAE,SAAS,WAAW;CAC5B,MAAM,EAAE,OAAO,aAAa,SAAS;CACrC,MAAM,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC;CAEjC,MAAM,aAAa,GAAG,WAAW,UAAU,SAAS;CAEpD,MAAM,gBAAgB,SAAS;CAE/B,MAAM,SAAS,kBAAkB,eAAe,OAAO;CAIvD,MAAM,EAAE,KAAK,YAAY,KAAK,eAAe,mBAC3C,eACA,eACF;CAEA,MAAM,iBAAiB,eACd,EACL,GAAG,MACL,IACA,CAAC,KAAK,CACR;CAEA,MAAM,kBAAkB,cAA+B;EACrD,OAAO,WAAW,SAAS,SAAS,IAAI;CAC1C;CAEA,IAAI,UAAU,OAAO,OACnB,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EAAK,WAAW,GAAG,0BAA0B,UAAU;EACrD,UAAA,oBAACA,OAAD;GAAW,SAAS,OAAO;GAAO,OAAM;EAAiB,CAAA;CACtD,CAAA,GACL,oBAACA,MAAU,SAAX,EAAmB,MAAM,QAAU,CAAA,CACnC,EAAA,CAAA;CAIN,MAAM,YAAY,QAAQ,SAAS;CAEnC,IAAI,CAAC,WACH,OAAO;CAGT,OACE,qBAAA,UAAA,EAAA,UAAA,CACG,QACC,oBAAC,OAAD;EAAK,WAAW,GAAG,iBAAiB,UAAU;EAC5C,UAAA,oBAAC,OAAD;GAAO,GAAK;GACT,WAAA,cACC,oBAAC,OAAD;IAAK,KAAK;IAAY,OAAO,EAAE,SAAS,WAAW;IACjD,UAAA,oBAACA,MAAU,UAAX;KACE,WAAW,CAAC,aAAa;KACzB,UAAU,MAAa,SAAS,EAAE,OAAO;KAExC,UAAA,eACC,qBAACA,MAAU,OAAX;MAAiB,UAAS,MAAK,SAAS,EAAE,OAAO;MAAjD,UAAA,CACE,oBAAC,WAAD;OAAW,GAAI;OAA2B;MAAY,CAAA,GACrD,mBAAmB,cAClB,oBAAC,SAAD,EAAA,UAAQ,WAAkB,CAAA,CAEb;KACnB,CAAA,CAAA;IACkB,CAAA;GACjB,CAAA;EAEF,CAAA;CACJ,CAAA,IAEL,oBAAC,OAAD;EACE,KAAK;EACL,WAAW,GACT,4DACA,UACF;EACA,OAAO;GACL,WAAW;GACX,WAAW;GACX,eAAe;EACjB;EAEA,UAAA,oBAACA,MAAU,UAAX;GACE,WAAW,CAAC,aAAa;GACzB,UAAS,MAAK,SAAS,EAAE,OAAO;GAE/B,UAAA,eACC,qBAACA,MAAU,OAAX;IAAiB,UAAS,MAAK,SAAS,EAAE,OAAO;IAAjD,UAAA,CACE,oBAAC,WAAD,EAAW,GAAI,eAAiB,CAAA,GAC/B,mBAAmB,cAAc,oBAAC,SAAD,EAAA,UAAQ,WAAkB,CAAA,CAC7C;GACnB,CAAA,CAAA;EACkB,CAAA;CACjB,CAAA,GAEP,oBAACA,MAAU,SAAX,EAAmB,MAAM,QAAU,CAAA,CACnC,EAAA,CAAA;AAEN;;;ACnGA,MAAM,WAAW,EACf,MACA,QAAQ,CAAC,GACT,UAAU,CAAC,GACX,kBAAkB,OAClB,UACA,GAAG,gBACQ;CACX,OACE,oBAAC,QAAD;EACQ;EACC;EACE;EACQ;EACP;EACV,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"preview-DFH-z_JL.js","names":["LiveError"],"sources":["../src/components/preview/client.tsx","../src/components/preview/preview.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { useError, usePreview } from '~/components/context/states';\nimport LiveError from '~/components/error';\nimport Frame, { type FrameProps } from '~/components/frame';\nimport { cn } from '~/utils';\n\nimport { type Props } from './preview';\nimport { useCompiledModule } from './use-compiled-module';\nimport { useDynamicTailwind } from './use-dynamic-tailwind';\n\nconst Client = ({\n  code: _code = '',\n  className,\n  showError,\n  props = {},\n  modules = {},\n  frame,\n  dynamicTailwind = false,\n  provider,\n}: Props) => {\n  const { code } = usePreview();\n  const { error, setError } = useError();\n  const isError = !!showError && !!error;\n\n  const classNames = cn(isError && 'hidden', className);\n\n  const effectiveCode = _code || code;\n\n  const module = useCompiledModule(effectiveCode, modules);\n\n  // Attached to the wrapper below; scans the rendered DOM so classes coming\n  // from an imported component are picked up too. See the hook for details.\n  const { ref: contentRef, css: dynamicCSS } = useDynamicTailwind(\n    effectiveCode,\n    dynamicTailwind,\n  );\n\n  const componentProps = useMemo(\n    () => ({\n      ...props,\n    }),\n    [props],\n  );\n\n  const renderProvider = (component: React.ReactNode) => {\n    return provider ? provider(component) : component;\n  };\n\n  if (module && module.error) {\n    return (\n      <>\n        <div className={cn('relative h-full w-full', classNames)}>\n          <LiveError message={module.error} title=\"Compile Error\" />\n        </div>\n        <LiveError.Runtime open={isError} />\n      </>\n    );\n  }\n\n  const Component = module?.exports?.default;\n\n  if (!Component) {\n    return null;\n  }\n\n  return (\n    <>\n      {frame ? (\n        <div className={cn('h-full w-full', classNames)}>\n          <Frame {...(frame as FrameProps)}>\n            {container => (\n              <div ref={contentRef} style={{ display: 'contents' }}>\n                <LiveError.Boundary\n                  resetKeys={[effectiveCode]}\n                  onError={(e: Error) => setError(e.message)}\n                >\n                  {renderProvider(\n                    <LiveError.Guard onError={e => setError(e.message)}>\n                      <Component {...componentProps} container={container} />\n                      {dynamicTailwind && dynamicCSS && (\n                        <style>{dynamicCSS}</style>\n                      )}\n                    </LiveError.Guard>,\n                  )}\n                </LiveError.Boundary>\n              </div>\n            )}\n          </Frame>\n        </div>\n      ) : (\n        <div\n          ref={contentRef}\n          className={cn(\n            'relative h-full w-full overflow-x-hidden overflow-y-auto',\n            classNames,\n          )}\n          style={{\n            isolation: 'isolate',\n            transform: 'translateZ(0)',\n            containerType: 'inline-size',\n          }}\n        >\n          <LiveError.Boundary\n            resetKeys={[effectiveCode]}\n            onError={e => setError(e.message)}\n          >\n            {renderProvider(\n              <LiveError.Guard onError={e => setError(e.message)}>\n                <Component {...componentProps} />\n                {dynamicTailwind && dynamicCSS && <style>{dynamicCSS}</style>}\n              </LiveError.Guard>,\n            )}\n          </LiveError.Boundary>\n        </div>\n      )}\n      <LiveError.Runtime open={isError} />\n    </>\n  );\n};\n\nexport default Client;\n","import type React from 'react';\n\nimport type { FrameProps } from '../frame';\nimport Client from './client';\n\nexport interface Props extends React.ComponentPropsWithRef<'div'> {\n  code?: string;\n  showError?: boolean;\n  props?: Record<string, unknown>;\n  container?: HTMLElement | null;\n  frame?: boolean | FrameProps;\n  modules?: Record<string, unknown>;\n  dynamicTailwind?: boolean;\n  provider?: (children: React.ReactNode) => React.ReactNode;\n}\n\n// A thin wrapper around Client, which does the actual compiling, error\n// handling, and frame wrapping. This used to have its own duplicate\n// compile-and-render branch for the `code` prop that never wrapped its\n// output in <Frame>, so `frame` was silently ignored whenever `code` was\n// passed — see #187. Client already handles `code` (falling back to\n// context when absent) and `frame`, so there is only one render path now.\nconst Preview = ({\n  code,\n  props = {},\n  modules = {},\n  dynamicTailwind = false,\n  provider,\n  ...restProps\n}: Props) => {\n  return (\n    <Client\n      code={code}\n      props={props}\n      modules={modules}\n      dynamicTailwind={dynamicTailwind}\n      provider={provider}\n      {...restProps}\n    />\n  );\n};\n\nexport default Preview;\n"],"mappings":";;;;;;;AAaA,MAAM,UAAU,EACd,MAAM,QAAQ,IACd,WACA,WACA,QAAQ,CAAC,GACT,UAAU,CAAC,GACX,OACA,kBAAkB,OAClB,eACW;CACX,MAAM,EAAE,SAAS,WAAW;CAC5B,MAAM,EAAE,OAAO,aAAa,SAAS;CACrC,MAAM,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC;CAEjC,MAAM,aAAa,GAAG,WAAW,UAAU,SAAS;CAEpD,MAAM,gBAAgB,SAAS;CAE/B,MAAM,SAAS,kBAAkB,eAAe,OAAO;CAIvD,MAAM,EAAE,KAAK,YAAY,KAAK,eAAe,mBAC3C,eACA,eACF;CAEA,MAAM,iBAAiB,eACd,EACL,GAAG,MACL,IACA,CAAC,KAAK,CACR;CAEA,MAAM,kBAAkB,cAA+B;EACrD,OAAO,WAAW,SAAS,SAAS,IAAI;CAC1C;CAEA,IAAI,UAAU,OAAO,OACnB,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EAAK,WAAW,GAAG,0BAA0B,UAAU;EACrD,UAAA,oBAACA,OAAD;GAAW,SAAS,OAAO;GAAO,OAAM;EAAiB,CAAA;CACtD,CAAA,GACL,oBAACA,MAAU,SAAX,EAAmB,MAAM,QAAU,CAAA,CACnC,EAAA,CAAA;CAIN,MAAM,YAAY,QAAQ,SAAS;CAEnC,IAAI,CAAC,WACH,OAAO;CAGT,OACE,qBAAA,UAAA,EAAA,UAAA,CACG,QACC,oBAAC,OAAD;EAAK,WAAW,GAAG,iBAAiB,UAAU;EAC5C,UAAA,oBAAC,OAAD;GAAO,GAAK;GACT,WAAA,cACC,oBAAC,OAAD;IAAK,KAAK;IAAY,OAAO,EAAE,SAAS,WAAW;IACjD,UAAA,oBAACA,MAAU,UAAX;KACE,WAAW,CAAC,aAAa;KACzB,UAAU,MAAa,SAAS,EAAE,OAAO;KAExC,UAAA,eACC,qBAACA,MAAU,OAAX;MAAiB,UAAS,MAAK,SAAS,EAAE,OAAO;MAAjD,UAAA,CACE,oBAAC,WAAD;OAAW,GAAI;OAA2B;MAAY,CAAA,GACrD,mBAAmB,cAClB,oBAAC,SAAD,EAAA,UAAQ,WAAkB,CAAA,CAEb;KACnB,CAAA,CAAA;IACkB,CAAA;GACjB,CAAA;EAEF,CAAA;CACJ,CAAA,IAEL,oBAAC,OAAD;EACE,KAAK;EACL,WAAW,GACT,4DACA,UACF;EACA,OAAO;GACL,WAAW;GACX,WAAW;GACX,eAAe;EACjB;EAEA,UAAA,oBAACA,MAAU,UAAX;GACE,WAAW,CAAC,aAAa;GACzB,UAAS,MAAK,SAAS,EAAE,OAAO;GAE/B,UAAA,eACC,qBAACA,MAAU,OAAX;IAAiB,UAAS,MAAK,SAAS,EAAE,OAAO;IAAjD,UAAA,CACE,oBAAC,WAAD,EAAW,GAAI,eAAiB,CAAA,GAC/B,mBAAmB,cAAc,oBAAC,SAAD,EAAA,UAAQ,WAAkB,CAAA,CAC7C;GACnB,CAAA,CAAA;EACkB,CAAA;CACjB,CAAA,GAEP,oBAACA,MAAU,SAAX,EAAmB,MAAM,QAAU,CAAA,CACnC,EAAA,CAAA;AAEN;;;ACnGA,MAAM,WAAW,EACf,MACA,QAAQ,CAAC,GACT,UAAU,CAAC,GACX,kBAAkB,OAClB,UACA,GAAG,gBACQ;CACX,OACE,oBAAC,QAAD;EACQ;EACC;EACE;EACQ;EACP;EACV,GAAI;CACL,CAAA;AAEL"}

package/dist/provider/index.js

@@ -1,2 +1,2 @@
-import { t as ContextProvider } from "../context-DH70wj9d.js";
+import { t as ContextProvider } from "../context-649REFsj.js";
 export { ContextProvider as default };

package/dist/style.css

@@ -516,13 +516,28 @@
 @layer ui-kit {
   @layer theme {
     :root, :host {
-      --font-sans: var(--font-geist-sans);
-      --font-mono: var(--font-geist-mono);
+      --font-sans: var(--ui-font-sans, var(--font-geist-sans));
+      --font-mono: var(--ui-font-mono, var(--font-geist-mono));
       --color-red-400: oklch(70.4% .191 22.216);
+      --color-red-500: oklch(63.7% .237 25.331);
+      --color-orange-500: oklch(70.5% .213 47.604);
+      --color-orange-600: oklch(64.6% .222 41.116);
+      --color-amber-500: oklch(76.9% .188 70.08);
       --color-yellow-400: oklch(85.2% .199 91.936);
+      --color-yellow-500: oklch(79.5% .184 86.047);
+      --color-yellow-600: oklch(68.1% .162 75.834);
+      --color-lime-500: oklch(76.8% .233 130.85);
       --color-green-400: oklch(79.2% .209 151.711);
+      --color-green-500: oklch(72.3% .219 149.579);
+      --color-green-600: oklch(62.7% .194 149.214);
+      --color-cyan-500: oklch(71.5% .143 215.221);
       --color-blue-400: oklch(70.7% .165 254.624);
+      --color-blue-500: oklch(62.3% .214 259.815);
       --color-blue-600: oklch(54.6% .245 262.881);
+      --color-indigo-500: oklch(58.5% .233 277.117);
+      --color-purple-500: oklch(62.7% .265 303.9);
+      --color-fuchsia-500: oklch(66.7% .295 322.15);
+      --color-pink-500: oklch(65.6% .241 354.308);
       --color-gray-100: oklch(96.7% .003 264.542);
       --color-gray-200: oklch(92.8% .006 264.531);
       --color-gray-300: oklch(87.2% .01 258.338);
@@ -607,93 +622,91 @@
   }
 
   @layer components {
-    [data-slot="button"][data-color] {
-      --btn-fg: white;
-      --btn-border: var(--btn-bg);
-      --btn-bg-hover: var(--btn-bg);
-
-      @supports (color: color-mix(in lab, red, red)) {
-        --btn-bg-hover: color-mix(in oklch, var(--btn-bg), black 12%);
-      }
-
-      --btn-bg-active: var(--btn-bg);
-
-      @supports (color: color-mix(in lab, red, red)) {
-        --btn-bg-active: color-mix(in oklch, var(--btn-bg), black 22%);
-      }
+    :is([data-slot="button"], [data-slot="tag"])[data-color="blue"] {
+      --preset-color: var(--color-blue-500);
     }
 
-    [data-slot="button"][data-color="yellow"], [data-slot="button"][data-color="lime"], [data-slot="button"][data-color="gold"] {
-      --btn-fg: black;
+    :is([data-slot="button"], [data-slot="tag"])[data-color="purple"] {
+      --preset-color: var(--color-purple-500);
     }
 
-    [data-slot="button"][data-color="default"] {
-      --btn-bg: var(--muted);
-      --btn-border: var(--muted-foreground);
+    :is([data-slot="button"], [data-slot="tag"])[data-color="cyan"] {
+      --preset-color: var(--color-cyan-500);
     }
 
-    [data-slot="button"][data-color="primary"] {
-      --btn-bg: var(--primary);
-      --btn-fg: var(--primary-foreground);
+    :is([data-slot="button"], [data-slot="tag"])[data-color="green"] {
+      --preset-color: var(--color-green-500);
     }
 
-    [data-slot="button"][data-color="danger"] {
-      --btn-bg: var(--destructive);
+    :is([data-slot="button"], [data-slot="tag"])[data-color="fuchsia"] {
+      --preset-color: var(--color-fuchsia-500);
     }
 
-    [data-slot="button"][data-color="blue"] {
-      --btn-bg: #3b82f6;
+    :is([data-slot="button"], [data-slot="tag"])[data-color="pink"] {
+      --preset-color: var(--color-pink-500);
     }
 
-    [data-slot="button"][data-color="purple"] {
-      --btn-bg: #a855f7;
+    :is([data-slot="button"], [data-slot="tag"])[data-color="red"] {
+      --preset-color: var(--color-red-500);
     }
 
-    [data-slot="button"][data-color="cyan"] {
-      --btn-bg: #06b6d4;
+    :is([data-slot="button"], [data-slot="tag"])[data-color="orange"] {
+      --preset-color: var(--color-orange-500);
     }
 
-    [data-slot="button"][data-color="green"] {
-      --btn-bg: #22c55e;
+    :is([data-slot="button"], [data-slot="tag"])[data-color="yellow"] {
+      --preset-color: var(--color-yellow-500);
     }
 
-    [data-slot="button"][data-color="magenta"] {
-      --btn-bg: #d946ef;
+    :is([data-slot="button"], [data-slot="tag"])[data-color="indigo"] {
+      --preset-color: var(--color-indigo-500);
     }
 
-    [data-slot="button"][data-color="pink"] {
-      --btn-bg: #ec4899;
+    :is([data-slot="button"], [data-slot="tag"])[data-color="lime"] {
+      --preset-color: var(--color-lime-500);
     }
 
-    [data-slot="button"][data-color="red"] {
-      --btn-bg: #ef4444;
+    :is([data-slot="button"], [data-slot="tag"])[data-color="amber"] {
+      --preset-color: var(--color-amber-500);
     }
 
-    [data-slot="button"][data-color="orange"] {
-      --btn-bg: #f97316;
-    }
+    [data-slot="button"][data-color] {
+      --btn-bg: var(--preset-color);
+      --btn-fg: white;
+      --btn-border: var(--btn-bg);
+      --btn-bg-hover: var(--btn-bg);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-bg-hover: color-mix(in oklch, var(--btn-bg), black 12%);
+      }
 
-    [data-slot="button"][data-color="yellow"] {
-      --btn-bg: #eab308;
+      --btn-bg-active: var(--btn-bg);
+
+      @supports (color: color-mix(in lab, red, red)) {
+        --btn-bg-active: color-mix(in oklch, var(--btn-bg), black 22%);
+      }
     }
 
-    [data-slot="button"][data-color="volcano"] {
-      --btn-bg: #ea580c;
+    [data-slot="button"][data-color="yellow"], [data-slot="button"][data-color="lime"], [data-slot="button"][data-color="amber"] {
+      --btn-fg: black;
     }
 
-    [data-slot="button"][data-color="geekblue"] {
-      --btn-bg: #6366f1;
+    [data-slot="button"][data-color="default"] {
+      --btn-bg: var(--muted);
+      --btn-border: var(--muted-foreground);
     }
 
-    [data-slot="button"][data-color="lime"] {
-      --btn-bg: #84cc16;
+    [data-slot="button"][data-color="primary"] {
+      --btn-bg: var(--primary);
+      --btn-fg: var(--primary-foreground);
     }
 
-    [data-slot="button"][data-color="gold"] {
-      --btn-bg: #f59e0b;
+    [data-slot="button"][data-color="danger"] {
+      --btn-bg: var(--destructive);
     }
 
-    [data-slot="badge"][data-color] {
+    [data-slot="tag"][data-color] {
+      --tag-bg: var(--preset-color);
       --tag-fg: var(--tag-bg);
       --tag-tint: var(--tag-bg);
 
@@ -702,92 +715,40 @@
       }
     }
 
-    [data-slot="badge"][data-color="default"] {
+    [data-slot="tag"][data-color="default"] {
       --tag-bg: var(--border);
       --tag-tint: var(--muted);
       --tag-fg: var(--muted-foreground);
     }
 
-    [data-slot="badge"][data-color="default"][data-variant="outlined"] {
+    [data-slot="tag"][data-color="default"][data-variant="outlined"] {
       --tag-fg: var(--foreground);
     }
 
-    [data-slot="badge"][data-color="primary"] {
+    [data-slot="tag"][data-color="primary"] {
       --tag-bg: var(--primary);
     }
 
-    [data-slot="badge"][data-color="danger"] {
+    [data-slot="tag"][data-color="danger"] {
       --tag-bg: var(--destructive);
     }
 
-    [data-slot="badge"][data-color="success"] {
-      --tag-bg: oklch(72.3% .219 149.579);
-      --tag-fg: oklch(62.7% .194 149.214);
-    }
-
-    [data-slot="badge"][data-color="warning"] {
-      --tag-bg: oklch(79.5% .184 86.047);
-      --tag-fg: oklch(68.1% .162 75.834);
-    }
-
-    :is(.dark, [data-theme="dark"]) [data-slot="badge"][data-color="success"] {
-      --tag-fg: oklch(79.2% .209 151.711);
-    }
-
-    :is(.dark, [data-theme="dark"]) [data-slot="badge"][data-color="warning"] {
-      --tag-fg: oklch(85.2% .199 91.936);
-    }
-
-    [data-slot="badge"][data-color="blue"] {
-      --tag-bg: #3b82f6;
-    }
-
-    [data-slot="badge"][data-color="purple"] {
-      --tag-bg: #a855f7;
-    }
-
-    [data-slot="badge"][data-color="cyan"] {
-      --tag-bg: #06b6d4;
-    }
-
-    [data-slot="badge"][data-color="green"] {
-      --tag-bg: #22c55e;
-    }
-
-    [data-slot="badge"][data-color="magenta"] {
-      --tag-bg: #d946ef;
-    }
-
-    [data-slot="badge"][data-color="pink"] {
-      --tag-bg: #ec4899;
-    }
-
-    [data-slot="badge"][data-color="red"] {
-      --tag-bg: #ef4444;
+    [data-slot="tag"][data-color="success"] {
+      --tag-bg: var(--color-green-500);
+      --tag-fg: var(--color-green-600);
     }
 
-    [data-slot="badge"][data-color="orange"] {
-      --tag-bg: #f97316;
+    [data-slot="tag"][data-color="warning"] {
+      --tag-bg: var(--color-yellow-500);
+      --tag-fg: var(--color-yellow-600);
     }
 
-    [data-slot="badge"][data-color="yellow"] {
-      --tag-bg: #eab308;
+    :is(.dark, [data-theme="dark"]) [data-slot="tag"][data-color="success"] {
+      --tag-fg: var(--color-green-400);
     }
 
-    [data-slot="badge"][data-color="volcano"] {
-      --tag-bg: #ea580c;
-    }
-
-    [data-slot="badge"][data-color="geekblue"] {
-      --tag-bg: #6366f1;
-    }
-
-    [data-slot="badge"][data-color="lime"] {
-      --tag-bg: #84cc16;
-    }
-
-    [data-slot="badge"][data-color="gold"] {
-      --tag-bg: #f59e0b;
+    :is(.dark, [data-theme="dark"]) [data-slot="tag"][data-color="warning"] {
+      --tag-fg: var(--color-yellow-400);
     }
 
     [data-slot="col"] {
@@ -982,6 +943,10 @@
       z-index: 50;
     }
 
+    .z-1000 {
+      z-index: 1000;
+    }
+
     .z-10000 {
       z-index: 10000;
     }
@@ -2046,6 +2011,10 @@
       background-color: var(--card);
     }
 
+    .bg-chart-1 {
+      background-color: var(--chart-1);
+    }
+
     .bg-destructive {
       background-color: var(--destructive);
     }
@@ -2082,6 +2051,10 @@
       background-color: var(--secondary);
     }
 
+    .bg-sidebar {
+      background-color: var(--sidebar);
+    }
+
     .bg-transparent {
       background-color: #0000;
     }
@@ -2251,7 +2224,7 @@
     }
 
     .font-mono {
-      font-family: var(--font-geist-mono);
+      font-family: var(--ui-font-mono, var(--font-geist-mono));
     }
 
     .text-2xl {
@@ -2537,6 +2510,11 @@
       filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
     }
 
+    .invert {
+      --tw-invert: invert(100%);
+      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+    }
+
     .filter {
       filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
     }
@@ -3996,7 +3974,7 @@
     }
 
     .\[\&_\.tiptap_code\]\:font-mono .tiptap code {
-      font-family: var(--font-geist-mono);
+      font-family: var(--ui-font-mono, var(--font-geist-mono));
     }
 
     .\[\&_\.tiptap_code\]\:text-\[0\.85em\] .tiptap code {
@@ -4141,7 +4119,7 @@
     }
 
     .\[\&_\.tiptap_pre\]\:font-mono .tiptap pre {
-      font-family: var(--font-geist-mono);
+      font-family: var(--ui-font-mono, var(--font-geist-mono));
     }
 
     .\[\&_\.tiptap_pre\]\:text-sm .tiptap pre {
@@ -4392,6 +4370,10 @@
       a.\[a\&\]\:hover\:text-accent-foreground:hover {
         color: var(--accent-foreground);
       }
+
+      a.\[a\&\]\:hover\:underline:hover {
+        text-decoration-line: underline;
+      }
     }
   }
 

package/dist/{use-dynamic-tailwind-C0Onss1A.js → use-dynamic-tailwind-DqqQu2de.js}

@@ -1,4 +1,4 @@
-import { i as compile, l as getCachedScriptBlob, t as baseModules } from "./utils-BwEgY5pe.js";
+import { i as compile, l as getCachedScriptBlob, t as baseModules } from "./utils-WyxPYZGh.js";
 import { t as generateTailwindCSSFromDOM } from "./tailwind-CbjdLyVX.js";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -456,4 +456,4 @@ const useDynamicTailwind = (code, enabled) => {
 //#endregion
 export { useCompiledModule as n, Frame as r, useDynamicTailwind as t };
 
-//# sourceMappingURL=use-dynamic-tailwind-C0Onss1A.js.map
+//# sourceMappingURL=use-dynamic-tailwind-DqqQu2de.js.map