@helpwave/hightide 0.1.45 → 0.1.47

package/dist/components/layout/Expandable.cjs

@@ -1,171 +0,0 @@
-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);
-
-// src/components/layout/Expandable.tsx
-var Expandable_exports = {};
-__export(Expandable_exports, {
-  Expandable: () => Expandable,
-  ExpandableUncontrolled: () => ExpandableUncontrolled,
-  ExpansionIcon: () => ExpansionIcon
-});
-module.exports = __toCommonJS(Expandable_exports);
-var import_react2 = require("react");
-var import_lucide_react = require("lucide-react");
-var import_clsx = __toESM(require("clsx"), 1);
-
-// src/hooks/useOverwritableState.ts
-var import_react = require("react");
-
-// src/utils/resolveSetState.ts
-function resolveSetState(action, prev) {
-  return typeof action === "function" ? action(prev) : action;
-}
-
-// src/hooks/useOverwritableState.ts
-var useOverwritableState = (initialValue, onChange) => {
-  const [state, setState] = (0, import_react.useState)(initialValue);
-  (0, import_react.useEffect)(() => {
-    setState(initialValue);
-  }, [initialValue]);
-  const onChangeWrapper = (action) => {
-    const resolved = resolveSetState(action, state);
-    setState(resolved);
-    onChange?.(state);
-  };
-  return [state, onChangeWrapper];
-};
-
-// src/components/layout/Expandable.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var ExpansionIcon = ({ isExpanded, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_lucide_react.ChevronDown,
-    {
-      "aria-hidden": true,
-      className: (0, import_clsx.default)(
-        "min-w-6 w-6 min-h-6 h-6 transition-transform motion-safe:duration-200 motion-reduce:duration-0 ease-in-out",
-        { "rotate-180": isExpanded },
-        className
-      )
-    }
-  );
-};
-var Expandable = (0, import_react2.forwardRef)(function Expandable2({
-  children,
-  id: providedId,
-  label,
-  icon,
-  isExpanded = false,
-  onChange,
-  clickOnlyOnHeader = true,
-  disabled = false,
-  className,
-  headerClassName,
-  contentClassName,
-  contentExpandedClassName
-}, ref) {
-  const defaultIcon = (0, import_react2.useCallback)((expanded) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpansionIcon, { isExpanded: expanded }), []);
-  icon ??= defaultIcon;
-  const generatedId = (0, import_react2.useId)();
-  const id = providedId ?? generatedId;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      ref,
-      onClick: () => !clickOnlyOnHeader && !disabled && onChange?.(!isExpanded),
-      className: (0, import_clsx.default)(
-        "flex-col-0 bg-surface text-on-surface group rounded-lg shadow-sm",
-        { "cursor-pointer": !clickOnlyOnHeader && !disabled },
-        className
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          "button",
-          {
-            onClick: () => clickOnlyOnHeader && !disabled && onChange?.(!isExpanded),
-            className: (0, import_clsx.default)(
-              "flex-row-2 py-2 px-4 rounded-lg justify-between items-center bg-surface text-on-surface select-none",
-              {
-                "group-hover:brightness-97": !isExpanded,
-                "hover:brightness-97": isExpanded && !disabled,
-                "cursor-pointer": clickOnlyOnHeader && !disabled
-              },
-              headerClassName
-            ),
-            "aria-expanded": isExpanded,
-            "aria-controls": `${id}-content`,
-            "aria-disabled": disabled ?? void 0,
-            children: [
-              label,
-              icon(isExpanded)
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
-          {
-            id: `${id}-content`,
-            className: (0, import_clsx.default)(
-              "flex-col-2 px-4 transition-all duration-300 ease-in-out",
-              {
-                [(0, import_clsx.default)("max-h-96 opacity-100 pb-2 overflow-y-auto", contentExpandedClassName)]: isExpanded,
-                "max-h-0 opacity-0 overflow-hidden": !isExpanded
-              },
-              contentClassName
-            ),
-            role: "region",
-            children
-          }
-        )
-      ]
-    }
-  );
-});
-var ExpandableUncontrolled = (0, import_react2.forwardRef)(function ExpandableUncontrolled2({
-  isExpanded,
-  onChange,
-  ...props
-}, ref) {
-  const [usedIsExpanded, setUsedIsExpanded] = useOverwritableState(isExpanded, onChange);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Expandable,
-    {
-      ...props,
-      ref,
-      isExpanded: usedIsExpanded,
-      onChange: setUsedIsExpanded
-    }
-  );
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Expandable,
-  ExpandableUncontrolled,
-  ExpansionIcon
-});
-//# sourceMappingURL=Expandable.cjs.map

package/dist/components/layout/Expandable.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/layout/Expandable.tsx","../../../src/hooks/useOverwritableState.ts","../../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react'\nimport { forwardRef, useCallback, useId } from 'react'\nimport { ChevronDown } from 'lucide-react'\nimport clsx from 'clsx'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\nexport type ExpansionIconProps = {\n  isExpanded?: boolean,\n  className?: string,\n}\n\nexport const ExpansionIcon = ({ isExpanded, className }: ExpansionIconProps) => {\n  return (\n    <ChevronDown\n      aria-hidden={true}\n      className={clsx(\n        'min-w-6 w-6 min-h-6 h-6 transition-transform motion-safe:duration-200 motion-reduce:duration-0 ease-in-out',\n        { 'rotate-180': isExpanded },\n        className\n      )}\n    />\n  )\n}\n\ntype IconBuilder = (expanded: boolean) => ReactNode\n\nexport type ExpandableProps = PropsWithChildren<{\n  id?: string,\n  label: ReactNode,\n  icon?: IconBuilder,\n  isExpanded?: boolean,\n  onChange?: (isExpanded: boolean) => void,\n  /**\n   * Whether the expansion should only happen when the header is clicked or on the entire component\n   */\n  clickOnlyOnHeader?: boolean,\n  disabled?: boolean,\n  className?: string,\n  headerClassName?: string,\n  contentClassName?: string,\n  contentExpandedClassName?: string,\n}>\n\n/**\n * A Component for showing and hiding content\n */\nexport const Expandable = forwardRef<HTMLDivElement, ExpandableProps>(function Expandable({\n                                                                                            children,\n                                                                                            id: providedId,\n                                                                                            label,\n                                                                                            icon,\n                                                                                            isExpanded = false,\n                                                                                            onChange,\n                                                                                            clickOnlyOnHeader = true,\n                                                                                            disabled = false,\n                                                                                            className,\n                                                                                            headerClassName,\n                                                                                            contentClassName,\n                                                                                            contentExpandedClassName,\n                                                                                          }, ref) {\n\n  const defaultIcon = useCallback((expanded: boolean) => <ExpansionIcon isExpanded={expanded}/>, [])\n  icon ??= defaultIcon\n\n  const generatedId = useId()\n  const id = providedId ?? generatedId\n\n  return (\n    <div\n      ref={ref}\n      onClick={() => !clickOnlyOnHeader && !disabled && onChange?.(!isExpanded)}\n\n      className={clsx(\n        'flex-col-0 bg-surface text-on-surface group rounded-lg shadow-sm',\n        { 'cursor-pointer': !clickOnlyOnHeader && !disabled }, className\n      )}\n    >\n      <button\n        onClick={() => clickOnlyOnHeader && !disabled && onChange?.(!isExpanded)}\n\n        className={clsx(\n          'flex-row-2 py-2 px-4 rounded-lg justify-between items-center bg-surface text-on-surface select-none',\n          {\n            'group-hover:brightness-97': !isExpanded,\n            'hover:brightness-97': isExpanded && !disabled,\n            'cursor-pointer': clickOnlyOnHeader && !disabled,\n          },\n          headerClassName\n        )}\n\n        aria-expanded={isExpanded}\n        aria-controls={`${id}-content`}\n        aria-disabled={disabled ?? undefined}\n      >\n        {label}\n        {icon(isExpanded)}\n      </button>\n      <div\n        id={`${id}-content`}\n        className={clsx(\n          'flex-col-2 px-4 transition-all duration-300 ease-in-out',\n          {\n            [clsx('max-h-96 opacity-100 pb-2 overflow-y-auto', contentExpandedClassName)]: isExpanded,\n            'max-h-0 opacity-0 overflow-hidden': !isExpanded,\n          },\n          contentClassName\n        )}\n\n        role=\"region\"\n      >\n        {children}\n      </div>\n    </div>\n  )\n})\n\nexport const ExpandableUncontrolled = forwardRef<HTMLDivElement, ExpandableProps>(function ExpandableUncontrolled({\n                                                                                                                    isExpanded,\n                                                                                                                    onChange,\n                                                                                                                    ...props\n                                                                                                                  },\n                                                                                                                  ref) {\n  const [usedIsExpanded, setUsedIsExpanded] = useOverwritableState(isExpanded, onChange)\n\n  return (\n    <Expandable\n      {...props}\n      ref={ref}\n      isExpanded={usedIsExpanded}\n      onChange={setUsedIsExpanded}\n    />\n  )\n})\n","import type React from 'react'\nimport { useEffect, useState } from 'react'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\nexport const useOverwritableState = <T>(initialValue?: T, onChange?: (value: T) => void): [T, React.Dispatch<React.SetStateAction<T>>] => {\n  const [state, setState] = useState<T>(initialValue)\n\n  useEffect(() => {\n    setState(initialValue)\n  }, [initialValue])\n\n  const onChangeWrapper: React.Dispatch<React.SetStateAction<T>> = (action) => {\n    const resolved = resolveSetState(action, state)\n    setState(resolved)\n    onChange?.(state)\n  }\n\n  return [state, onChangeWrapper]\n}","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["import_react","clsx","Expandable","ExpandableUncontrolled"]}

package/dist/components/layout/Expandable.d.cts

@@ -1,67 +0,0 @@
-import * as React from 'react';
-import { PropsWithChildren, ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type ExpansionIconProps = {
-    isExpanded?: boolean;
-    className?: string;
-};
-declare const ExpansionIcon: ({ isExpanded, className }: ExpansionIconProps) => react_jsx_runtime.JSX.Element;
-type IconBuilder = (expanded: boolean) => ReactNode;
-type ExpandableProps = PropsWithChildren<{
-    id?: string;
-    label: ReactNode;
-    icon?: IconBuilder;
-    isExpanded?: boolean;
-    onChange?: (isExpanded: boolean) => void;
-    /**
-     * Whether the expansion should only happen when the header is clicked or on the entire component
-     */
-    clickOnlyOnHeader?: boolean;
-    disabled?: boolean;
-    className?: string;
-    headerClassName?: string;
-    contentClassName?: string;
-    contentExpandedClassName?: string;
-}>;
-/**
- * A Component for showing and hiding content
- */
-declare const Expandable: React.ForwardRefExoticComponent<{
-    id?: string;
-    label: ReactNode;
-    icon?: IconBuilder;
-    isExpanded?: boolean;
-    onChange?: (isExpanded: boolean) => void;
-    /**
-     * Whether the expansion should only happen when the header is clicked or on the entire component
-     */
-    clickOnlyOnHeader?: boolean;
-    disabled?: boolean;
-    className?: string;
-    headerClassName?: string;
-    contentClassName?: string;
-    contentExpandedClassName?: string;
-} & {
-    children?: ReactNode | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ExpandableUncontrolled: React.ForwardRefExoticComponent<{
-    id?: string;
-    label: ReactNode;
-    icon?: IconBuilder;
-    isExpanded?: boolean;
-    onChange?: (isExpanded: boolean) => void;
-    /**
-     * Whether the expansion should only happen when the header is clicked or on the entire component
-     */
-    clickOnlyOnHeader?: boolean;
-    disabled?: boolean;
-    className?: string;
-    headerClassName?: string;
-    contentClassName?: string;
-    contentExpandedClassName?: string;
-} & {
-    children?: ReactNode | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-
-export { Expandable, type ExpandableProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps };

package/dist/components/layout/Expandable.d.ts

@@ -1,67 +0,0 @@
-import * as React from 'react';
-import { PropsWithChildren, ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type ExpansionIconProps = {
-    isExpanded?: boolean;
-    className?: string;
-};
-declare const ExpansionIcon: ({ isExpanded, className }: ExpansionIconProps) => react_jsx_runtime.JSX.Element;
-type IconBuilder = (expanded: boolean) => ReactNode;
-type ExpandableProps = PropsWithChildren<{
-    id?: string;
-    label: ReactNode;
-    icon?: IconBuilder;
-    isExpanded?: boolean;
-    onChange?: (isExpanded: boolean) => void;
-    /**
-     * Whether the expansion should only happen when the header is clicked or on the entire component
-     */
-    clickOnlyOnHeader?: boolean;
-    disabled?: boolean;
-    className?: string;
-    headerClassName?: string;
-    contentClassName?: string;
-    contentExpandedClassName?: string;
-}>;
-/**
- * A Component for showing and hiding content
- */
-declare const Expandable: React.ForwardRefExoticComponent<{
-    id?: string;
-    label: ReactNode;
-    icon?: IconBuilder;
-    isExpanded?: boolean;
-    onChange?: (isExpanded: boolean) => void;
-    /**
-     * Whether the expansion should only happen when the header is clicked or on the entire component
-     */
-    clickOnlyOnHeader?: boolean;
-    disabled?: boolean;
-    className?: string;
-    headerClassName?: string;
-    contentClassName?: string;
-    contentExpandedClassName?: string;
-} & {
-    children?: ReactNode | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ExpandableUncontrolled: React.ForwardRefExoticComponent<{
-    id?: string;
-    label: ReactNode;
-    icon?: IconBuilder;
-    isExpanded?: boolean;
-    onChange?: (isExpanded: boolean) => void;
-    /**
-     * Whether the expansion should only happen when the header is clicked or on the entire component
-     */
-    clickOnlyOnHeader?: boolean;
-    disabled?: boolean;
-    className?: string;
-    headerClassName?: string;
-    contentClassName?: string;
-    contentExpandedClassName?: string;
-} & {
-    children?: ReactNode | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-
-export { Expandable, type ExpandableProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps };

package/dist/components/layout/Expandable.js

@@ -1,135 +0,0 @@
-// src/components/layout/Expandable.tsx
-import { forwardRef, useCallback, useId } from "react";
-import { ChevronDown } from "lucide-react";
-import clsx from "clsx";
-
-// src/hooks/useOverwritableState.ts
-import { useEffect, useState } from "react";
-
-// src/utils/resolveSetState.ts
-function resolveSetState(action, prev) {
-  return typeof action === "function" ? action(prev) : action;
-}
-
-// src/hooks/useOverwritableState.ts
-var useOverwritableState = (initialValue, onChange) => {
-  const [state, setState] = useState(initialValue);
-  useEffect(() => {
-    setState(initialValue);
-  }, [initialValue]);
-  const onChangeWrapper = (action) => {
-    const resolved = resolveSetState(action, state);
-    setState(resolved);
-    onChange?.(state);
-  };
-  return [state, onChangeWrapper];
-};
-
-// src/components/layout/Expandable.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var ExpansionIcon = ({ isExpanded, className }) => {
-  return /* @__PURE__ */ jsx(
-    ChevronDown,
-    {
-      "aria-hidden": true,
-      className: clsx(
-        "min-w-6 w-6 min-h-6 h-6 transition-transform motion-safe:duration-200 motion-reduce:duration-0 ease-in-out",
-        { "rotate-180": isExpanded },
-        className
-      )
-    }
-  );
-};
-var Expandable = forwardRef(function Expandable2({
-  children,
-  id: providedId,
-  label,
-  icon,
-  isExpanded = false,
-  onChange,
-  clickOnlyOnHeader = true,
-  disabled = false,
-  className,
-  headerClassName,
-  contentClassName,
-  contentExpandedClassName
-}, ref) {
-  const defaultIcon = useCallback((expanded) => /* @__PURE__ */ jsx(ExpansionIcon, { isExpanded: expanded }), []);
-  icon ??= defaultIcon;
-  const generatedId = useId();
-  const id = providedId ?? generatedId;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      onClick: () => !clickOnlyOnHeader && !disabled && onChange?.(!isExpanded),
-      className: clsx(
-        "flex-col-0 bg-surface text-on-surface group rounded-lg shadow-sm",
-        { "cursor-pointer": !clickOnlyOnHeader && !disabled },
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => clickOnlyOnHeader && !disabled && onChange?.(!isExpanded),
-            className: clsx(
-              "flex-row-2 py-2 px-4 rounded-lg justify-between items-center bg-surface text-on-surface select-none",
-              {
-                "group-hover:brightness-97": !isExpanded,
-                "hover:brightness-97": isExpanded && !disabled,
-                "cursor-pointer": clickOnlyOnHeader && !disabled
-              },
-              headerClassName
-            ),
-            "aria-expanded": isExpanded,
-            "aria-controls": `${id}-content`,
-            "aria-disabled": disabled ?? void 0,
-            children: [
-              label,
-              icon(isExpanded)
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            id: `${id}-content`,
-            className: clsx(
-              "flex-col-2 px-4 transition-all duration-300 ease-in-out",
-              {
-                [clsx("max-h-96 opacity-100 pb-2 overflow-y-auto", contentExpandedClassName)]: isExpanded,
-                "max-h-0 opacity-0 overflow-hidden": !isExpanded
-              },
-              contentClassName
-            ),
-            role: "region",
-            children
-          }
-        )
-      ]
-    }
-  );
-});
-var ExpandableUncontrolled = forwardRef(function ExpandableUncontrolled2({
-  isExpanded,
-  onChange,
-  ...props
-}, ref) {
-  const [usedIsExpanded, setUsedIsExpanded] = useOverwritableState(isExpanded, onChange);
-  return /* @__PURE__ */ jsx(
-    Expandable,
-    {
-      ...props,
-      ref,
-      isExpanded: usedIsExpanded,
-      onChange: setUsedIsExpanded
-    }
-  );
-});
-export {
-  Expandable,
-  ExpandableUncontrolled,
-  ExpansionIcon
-};
-//# sourceMappingURL=Expandable.js.map

package/dist/components/layout/Expandable.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/layout/Expandable.tsx","../../../src/hooks/useOverwritableState.ts","../../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react'\nimport { forwardRef, useCallback, useId } from 'react'\nimport { ChevronDown } from 'lucide-react'\nimport clsx from 'clsx'\nimport { useOverwritableState } from '@/src/hooks/useOverwritableState'\n\nexport type ExpansionIconProps = {\n  isExpanded?: boolean,\n  className?: string,\n}\n\nexport const ExpansionIcon = ({ isExpanded, className }: ExpansionIconProps) => {\n  return (\n    <ChevronDown\n      aria-hidden={true}\n      className={clsx(\n        'min-w-6 w-6 min-h-6 h-6 transition-transform motion-safe:duration-200 motion-reduce:duration-0 ease-in-out',\n        { 'rotate-180': isExpanded },\n        className\n      )}\n    />\n  )\n}\n\ntype IconBuilder = (expanded: boolean) => ReactNode\n\nexport type ExpandableProps = PropsWithChildren<{\n  id?: string,\n  label: ReactNode,\n  icon?: IconBuilder,\n  isExpanded?: boolean,\n  onChange?: (isExpanded: boolean) => void,\n  /**\n   * Whether the expansion should only happen when the header is clicked or on the entire component\n   */\n  clickOnlyOnHeader?: boolean,\n  disabled?: boolean,\n  className?: string,\n  headerClassName?: string,\n  contentClassName?: string,\n  contentExpandedClassName?: string,\n}>\n\n/**\n * A Component for showing and hiding content\n */\nexport const Expandable = forwardRef<HTMLDivElement, ExpandableProps>(function Expandable({\n                                                                                            children,\n                                                                                            id: providedId,\n                                                                                            label,\n                                                                                            icon,\n                                                                                            isExpanded = false,\n                                                                                            onChange,\n                                                                                            clickOnlyOnHeader = true,\n                                                                                            disabled = false,\n                                                                                            className,\n                                                                                            headerClassName,\n                                                                                            contentClassName,\n                                                                                            contentExpandedClassName,\n                                                                                          }, ref) {\n\n  const defaultIcon = useCallback((expanded: boolean) => <ExpansionIcon isExpanded={expanded}/>, [])\n  icon ??= defaultIcon\n\n  const generatedId = useId()\n  const id = providedId ?? generatedId\n\n  return (\n    <div\n      ref={ref}\n      onClick={() => !clickOnlyOnHeader && !disabled && onChange?.(!isExpanded)}\n\n      className={clsx(\n        'flex-col-0 bg-surface text-on-surface group rounded-lg shadow-sm',\n        { 'cursor-pointer': !clickOnlyOnHeader && !disabled }, className\n      )}\n    >\n      <button\n        onClick={() => clickOnlyOnHeader && !disabled && onChange?.(!isExpanded)}\n\n        className={clsx(\n          'flex-row-2 py-2 px-4 rounded-lg justify-between items-center bg-surface text-on-surface select-none',\n          {\n            'group-hover:brightness-97': !isExpanded,\n            'hover:brightness-97': isExpanded && !disabled,\n            'cursor-pointer': clickOnlyOnHeader && !disabled,\n          },\n          headerClassName\n        )}\n\n        aria-expanded={isExpanded}\n        aria-controls={`${id}-content`}\n        aria-disabled={disabled ?? undefined}\n      >\n        {label}\n        {icon(isExpanded)}\n      </button>\n      <div\n        id={`${id}-content`}\n        className={clsx(\n          'flex-col-2 px-4 transition-all duration-300 ease-in-out',\n          {\n            [clsx('max-h-96 opacity-100 pb-2 overflow-y-auto', contentExpandedClassName)]: isExpanded,\n            'max-h-0 opacity-0 overflow-hidden': !isExpanded,\n          },\n          contentClassName\n        )}\n\n        role=\"region\"\n      >\n        {children}\n      </div>\n    </div>\n  )\n})\n\nexport const ExpandableUncontrolled = forwardRef<HTMLDivElement, ExpandableProps>(function ExpandableUncontrolled({\n                                                                                                                    isExpanded,\n                                                                                                                    onChange,\n                                                                                                                    ...props\n                                                                                                                  },\n                                                                                                                  ref) {\n  const [usedIsExpanded, setUsedIsExpanded] = useOverwritableState(isExpanded, onChange)\n\n  return (\n    <Expandable\n      {...props}\n      ref={ref}\n      isExpanded={usedIsExpanded}\n      onChange={setUsedIsExpanded}\n    />\n  )\n})\n","import type React from 'react'\nimport { useEffect, useState } from 'react'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\nexport const useOverwritableState = <T>(initialValue?: T, onChange?: (value: T) => void): [T, React.Dispatch<React.SetStateAction<T>>] => {\n  const [state, setState] = useState<T>(initialValue)\n\n  useEffect(() => {\n    setState(initialValue)\n  }, [initialValue])\n\n  const onChangeWrapper: React.Dispatch<React.SetStateAction<T>> = (action) => {\n    const resolved = resolveSetState(action, state)\n    setState(resolved)\n    onChange?.(state)\n  }\n\n  return [state, onChangeWrapper]\n}","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":";AACA,SAAS,YAAY,aAAa,aAAa;AAC/C,SAAS,mBAAmB;AAC5B,OAAO,UAAU;;;ACFjB,SAAS,WAAW,gBAAgB;;;ACC7B,SAAS,gBAAmB,QAA2B,MAAY;AACxE,SAAO,OAAO,WAAW,aAAc,OAA0B,IAAI,IAAI;AAC3E;;;ADAO,IAAM,uBAAuB,CAAI,cAAkB,aAAgF;AACxI,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAY,YAAY;AAElD,YAAU,MAAM;AACd,aAAS,YAAY;AAAA,EACvB,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,kBAA2D,CAAC,WAAW;AAC3E,UAAM,WAAW,gBAAgB,QAAQ,KAAK;AAC9C,aAAS,QAAQ;AACjB,eAAW,KAAK;AAAA,EAClB;AAEA,SAAO,CAAC,OAAO,eAAe;AAChC;;;ADLI,cAgEE,YAhEF;AAFG,IAAM,gBAAgB,CAAC,EAAE,YAAY,UAAU,MAA0B;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,WAAW;AAAA,QACT;AAAA,QACA,EAAE,cAAc,WAAW;AAAA,QAC3B;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAwBO,IAAM,aAAa,WAA4C,SAASA,YAAW;AAAA,EACE;AAAA,EACA,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG,KAAK;AAEhG,QAAM,cAAc,YAAY,CAAC,aAAsB,oBAAC,iBAAc,YAAY,UAAS,GAAI,CAAC,CAAC;AACjG,WAAS;AAET,QAAM,cAAc,MAAM;AAC1B,QAAM,KAAK,cAAc;AAEzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,MAAM,CAAC,qBAAqB,CAAC,YAAY,WAAW,CAAC,UAAU;AAAA,MAExE,WAAW;AAAA,QACT;AAAA,QACA,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,SAAS;AAAA,QAAG;AAAA,MACzD;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM,qBAAqB,CAAC,YAAY,WAAW,CAAC,UAAU;AAAA,YAEvE,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,6BAA6B,CAAC;AAAA,gBAC9B,uBAAuB,cAAc,CAAC;AAAA,gBACtC,kBAAkB,qBAAqB,CAAC;AAAA,cAC1C;AAAA,cACA;AAAA,YACF;AAAA,YAEA,iBAAe;AAAA,YACf,iBAAe,GAAG,EAAE;AAAA,YACpB,iBAAe,YAAY;AAAA,YAE1B;AAAA;AAAA,cACA,KAAK,UAAU;AAAA;AAAA;AAAA,QAClB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,GAAG,EAAE;AAAA,YACT,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,CAAC,KAAK,6CAA6C,wBAAwB,CAAC,GAAG;AAAA,gBAC/E,qCAAqC,CAAC;AAAA,cACxC;AAAA,cACA;AAAA,YACF;AAAA,YAEA,MAAK;AAAA,YAEJ;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;AAEM,IAAM,yBAAyB,WAA4C,SAASC,wBAAuB;AAAA,EACE;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KAAK;AACrH,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,qBAAqB,YAAY,QAAQ;AAErF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,YAAY;AAAA,MACZ,UAAU;AAAA;AAAA,EACZ;AAEJ,CAAC;","names":["Expandable","ExpandableUncontrolled"]}