@usefragments/ui 1.0.0

package/dist/components/Cloud/PullRequestsPrototypes.id-data.d.ts

@@ -0,0 +1,86 @@
+import type { StateVariant } from "./DashboardLayoutPrototypes.shared";
+export type CheckState = "failed" | "passed" | "warning";
+export type GithubCheck = {
+    name: string;
+    state: CheckState;
+    label: string;
+    variant: StateVariant;
+    summary: string;
+    duration: string;
+};
+export type GithubComment = {
+    id: string;
+    author: string;
+    status: string;
+    variant: StateVariant;
+    file: string;
+    line: number;
+    body: string;
+    designerSignal: string;
+};
+export type ImpactArea = {
+    area: string;
+    criticality: string;
+    coverage: string;
+    findings: string;
+    owner: string;
+    review: string;
+    variant: StateVariant;
+};
+export type FindingSeverity = "Blocking" | "Safe fix" | "Review";
+/** How a finding can be remediated — drives the per-row action verb. */
+export type FixKind = "Deterministic" | "Proposed" | "Manual";
+export type PrFinding = {
+    id: string;
+    /** Versioned diagnostic code (FUI####). */
+    code: string;
+    /** Rule family the finding belongs to. */
+    rule: string;
+    severity: FindingSeverity;
+    variant: StateVariant;
+    /** Introduced by this PR (gates merge) vs. pre-existing legacy debt (never gates). */
+    origin: "Introduced" | "Legacy";
+    file: string;
+    line: number;
+    area: string;
+    /** Call-sites this single finding-family touches in the PR — the bulk-action rationale. */
+    occurrences: number;
+    fix: FixKind;
+    suggestion: string;
+    body: string;
+    designerSignal?: string;
+    /** Surfaced as a human-readable review thread in the Conversation tab. */
+    thread?: boolean;
+};
+export type Reviewer = {
+    name: string;
+    status: string;
+    variant: StateVariant;
+};
+export type ChangedFile = {
+    path: string;
+    area: string;
+    additions: number;
+    deletions: number;
+    findings: number;
+};
+export declare const prIdPagePullRequest: {
+    number: number;
+    title: string;
+    branch: string;
+    author: string;
+    coverageBefore: number;
+    coverageAfter: number;
+    comments: number;
+    safeFixes: number;
+};
+export declare const githubChecks: GithubCheck[];
+export declare const impactAreas: ImpactArea[];
+export declare const prFindings: PrFinding[];
+export declare const blockingFindings: PrFinding[];
+export declare const introducedFindings: PrFinding[];
+export declare const threadFindings: PrFinding[];
+export declare const githubComments: GithubComment[];
+export declare const reviewers: Reviewer[];
+export declare const changedFiles: ChangedFile[];
+//# sourceMappingURL=PullRequestsPrototypes.id-data.d.ts.map

package/dist/components/Cloud/PullRequestsPrototypes.id-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullRequestsPrototypes.id-data.d.ts","sourceRoot":"","sources":["../../../src/components/Cloud/PullRequestsPrototypes.id-data.ts"],"names":[],"mappings":"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"}

package/dist/components/Cloud/PullRequestsPrototypes.id-page.d.ts

@@ -0,0 +1,2 @@
+export declare function PullRequestIdPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PullRequestsPrototypes.id-page.d.ts.map

package/dist/components/Cloud/PullRequestsPrototypes.id-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullRequestsPrototypes.id-page.d.ts","sourceRoot":"","sources":["../../../src/components/Cloud/PullRequestsPrototypes.id-page.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,iBAAiB,4CAWhC"}

package/dist/components/CodeBlock/CodeBlock.module.scss.cjs

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const container = "_container_yztif_1";
+const title = "_title_yztif_5";
+const wrapper = "_wrapper_yztif_14";
+const header = "_header_yztif_21";
+const filename = "_filename_yztif_31";
+const copyButton = "_copyButton_yztif_39";
+const copied = "_copied_yztif_77";
+const copyOverlay = "_copyOverlay_yztif_82";
+const withCopyOverlay = "_withCopyOverlay_yztif_93";
+const codeContainer = "_codeContainer_yztif_100";
+const loading = "_loading_yztif_101";
+const icon = "_icon_yztif_105";
+const persistentCopy = "_persistentCopy_yztif_109";
+const persistentCopyWrapper = "_persistentCopyWrapper_yztif_115";
+const withLineNumbers = "_withLineNumbers_yztif_199";
+const withDiff = "_withDiff_yztif_203";
+const compact = "_compact_yztif_227";
+const wordWrap = "_wordWrap_yztif_244";
+const caption = "_caption_yztif_254";
+const collapseButton = "_collapseButton_yztif_260";
+const tabbedPanel = "_tabbedPanel_yztif_303";
+const styles = {
+  container,
+  title,
+  wrapper,
+  header,
+  filename,
+  copyButton,
+  copied,
+  copyOverlay,
+  withCopyOverlay,
+  codeContainer,
+  loading,
+  icon,
+  persistentCopy,
+  persistentCopyWrapper,
+  withLineNumbers,
+  withDiff,
+  compact,
+  wordWrap,
+  caption,
+  collapseButton,
+  tabbedPanel
+};
+exports.caption = caption;
+exports.codeContainer = codeContainer;
+exports.collapseButton = collapseButton;
+exports.compact = compact;
+exports.container = container;
+exports.copied = copied;
+exports.copyButton = copyButton;
+exports.copyOverlay = copyOverlay;
+exports.default = styles;
+exports.filename = filename;
+exports.header = header;
+exports.icon = icon;
+exports.loading = loading;
+exports.persistentCopy = persistentCopy;
+exports.persistentCopyWrapper = persistentCopyWrapper;
+exports.tabbedPanel = tabbedPanel;
+exports.title = title;
+exports.withCopyOverlay = withCopyOverlay;
+exports.withDiff = withDiff;
+exports.withLineNumbers = withLineNumbers;
+exports.wordWrap = wordWrap;
+exports.wrapper = wrapper;

package/dist/components/CodeBlock/CodeBlock.module.scss.js

@@ -0,0 +1,68 @@
+const container = "_container_yztif_1";
+const title = "_title_yztif_5";
+const wrapper = "_wrapper_yztif_14";
+const header = "_header_yztif_21";
+const filename = "_filename_yztif_31";
+const copyButton = "_copyButton_yztif_39";
+const copied = "_copied_yztif_77";
+const copyOverlay = "_copyOverlay_yztif_82";
+const withCopyOverlay = "_withCopyOverlay_yztif_93";
+const codeContainer = "_codeContainer_yztif_100";
+const loading = "_loading_yztif_101";
+const icon = "_icon_yztif_105";
+const persistentCopy = "_persistentCopy_yztif_109";
+const persistentCopyWrapper = "_persistentCopyWrapper_yztif_115";
+const withLineNumbers = "_withLineNumbers_yztif_199";
+const withDiff = "_withDiff_yztif_203";
+const compact = "_compact_yztif_227";
+const wordWrap = "_wordWrap_yztif_244";
+const caption = "_caption_yztif_254";
+const collapseButton = "_collapseButton_yztif_260";
+const tabbedPanel = "_tabbedPanel_yztif_303";
+const styles = {
+  container,
+  title,
+  wrapper,
+  header,
+  filename,
+  copyButton,
+  copied,
+  copyOverlay,
+  withCopyOverlay,
+  codeContainer,
+  loading,
+  icon,
+  persistentCopy,
+  persistentCopyWrapper,
+  withLineNumbers,
+  withDiff,
+  compact,
+  wordWrap,
+  caption,
+  collapseButton,
+  tabbedPanel
+};
+export {
+  caption,
+  codeContainer,
+  collapseButton,
+  compact,
+  container,
+  copied,
+  copyButton,
+  copyOverlay,
+  styles as default,
+  filename,
+  header,
+  icon,
+  loading,
+  persistentCopy,
+  persistentCopyWrapper,
+  tabbedPanel,
+  title,
+  withCopyOverlay,
+  withDiff,
+  withLineNumbers,
+  wordWrap,
+  wrapper
+};

package/dist/components/CodeBlock/index.d.ts

@@ -0,0 +1,95 @@
+import * as React from "react";
+export type CodeBlockLanguage = "tsx" | "typescript" | "ts" | "javascript" | "js" | "jsx" | "bash" | "shell" | "css" | "scss" | "sass" | "json" | "html" | "xml" | "markdown" | "md" | "yaml" | "yml" | "python" | "py" | "ruby" | "go" | "rust" | "java" | "kotlin" | "swift" | "c" | "cpp" | "csharp" | "php" | "sql" | "graphql" | "diff" | "plaintext" | "text";
+/** Available syntax highlighting themes */
+export type CodeBlockTheme = "synthwave-84" | "github-dark" | "github-light" | "one-dark-pro" | "dracula" | "nord" | "monokai" | "vitesse-dark" | "vitesse-light" | "min-dark" | "min-light";
+export type CodeBlockCopyPlacement = "auto" | "header" | "overlay";
+export interface CodeBlockProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Code string to display */
+    code: string;
+    /** Programming language for syntax highlighting */
+    language?: CodeBlockLanguage;
+    /** Syntax highlighting theme */
+    theme?: CodeBlockTheme;
+    /** Show copy button */
+    showCopy?: boolean;
+    /** Optional title above code block (external label) */
+    title?: string;
+    /** Optional filename shown in header bar inside code block */
+    filename?: string;
+    /** Optional caption below code block */
+    caption?: string;
+    /** Show line numbers */
+    showLineNumbers?: boolean;
+    /** Starting line number (default: 1) */
+    startLineNumber?: number;
+    /** Highlight specific lines (e.g., [1, 3, '5-7']) */
+    highlightLines?: (number | string)[];
+    /** Lines marked as added in diff view */
+    addedLines?: (number | string)[];
+    /** Lines marked as removed in diff view */
+    removedLines?: (number | string)[];
+    /** Enable word wrapping for long lines */
+    wordWrap?: boolean;
+    /** Maximum height in pixels (enables scrolling) */
+    maxHeight?: number;
+    /** Allow collapsing/expanding the code block */
+    collapsible?: boolean;
+    /** Initial collapsed state (only applies when collapsible is true) */
+    defaultCollapsed?: boolean;
+    /** Number of lines to show when collapsed */
+    collapsedLines?: number;
+    /** Compact mode with reduced padding */
+    compact?: boolean;
+    /** Show a persistent copy button (always visible, uses Button component) */
+    persistentCopy?: boolean;
+    /** Placement of copy button when not using persistent copy */
+    copyPlacement?: CodeBlockCopyPlacement;
+    /** Custom background color for the code block (useful when the content area is pure black or dark gray) */
+    bg?: string;
+    /** Callback fired when the copy button is clicked and copy succeeds */
+    onCopy?: () => void;
+}
+export interface CodeBlockTab {
+    /** Label shown in the tab */
+    label: string;
+    /** Stable tab value (defaults to label) */
+    value?: string;
+    /** Code string to display */
+    code: string;
+    /** Programming language for syntax highlighting */
+    language?: CodeBlockLanguage;
+}
+export interface TabbedCodeBlockProps {
+    /** Array of code tabs */
+    tabs: CodeBlockTab[];
+    /** Default selected tab (by tab value, or label when value is omitted) */
+    defaultTab?: string;
+    /** Controlled selected tab value */
+    value?: string;
+    /** Called when the selected tab changes */
+    onValueChange?: (value: string) => void;
+    /** Show copy button */
+    showCopy?: boolean;
+    /** Placement of copy button when not using persistent copy */
+    copyPlacement?: CodeBlockCopyPlacement;
+    /** Show line numbers */
+    showLineNumbers?: boolean;
+    /** Syntax highlighting theme (applies to all tabs) */
+    theme?: CodeBlockTheme;
+    /** Tab list visual style */
+    tabsVariant?: "underline" | "pills";
+    /** Enable word wrapping for long lines */
+    wordWrap?: boolean;
+    /** Maximum height in pixels (enables scrolling) */
+    maxHeight?: number;
+    /** Additional class name */
+    className?: string;
+    /** Callback fired when a tab's copy button is clicked. Receives the tab label. */
+    onCopy?: (tabLabel: string) => void;
+}
+declare function TabbedCodeBlock({ tabs, defaultTab, value, onValueChange, showCopy, copyPlacement, showLineNumbers, theme, tabsVariant, wordWrap, maxHeight, className, onCopy, }: TabbedCodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlock: React.ForwardRefExoticComponent<CodeBlockProps & React.RefAttributes<HTMLDivElement>> & {
+    Tabbed: typeof TabbedCodeBlock;
+};
+export { TabbedCodeBlock };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CodeBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Collapsible/Collapsible.module.scss.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "_root_u32xz_1";
+const trigger = "_trigger_u32xz_5";
+const triggerContent = "_triggerContent_u32xz_33";
+const chevron = "_chevron_u32xz_38";
+const chevronOpen = "_chevronOpen_u32xz_46";
+const content = "_content_u32xz_50";
+const contentOpen = "_contentOpen_u32xz_55";
+const contentClosed = "_contentClosed_u32xz_60";
+const contentInner = "_contentInner_u32xz_65";
+const disabled = "_disabled_u32xz_69";
+const styles = {
+  root,
+  trigger,
+  triggerContent,
+  chevron,
+  chevronOpen,
+  content,
+  contentOpen,
+  contentClosed,
+  contentInner,
+  disabled
+};
+exports.chevron = chevron;
+exports.chevronOpen = chevronOpen;
+exports.content = content;
+exports.contentClosed = contentClosed;
+exports.contentInner = contentInner;
+exports.contentOpen = contentOpen;
+exports.default = styles;
+exports.disabled = disabled;
+exports.root = root;
+exports.trigger = trigger;
+exports.triggerContent = triggerContent;

package/dist/components/Collapsible/Collapsible.module.scss.js

@@ -0,0 +1,35 @@
+const root = "_root_u32xz_1";
+const trigger = "_trigger_u32xz_5";
+const triggerContent = "_triggerContent_u32xz_33";
+const chevron = "_chevron_u32xz_38";
+const chevronOpen = "_chevronOpen_u32xz_46";
+const content = "_content_u32xz_50";
+const contentOpen = "_contentOpen_u32xz_55";
+const contentClosed = "_contentClosed_u32xz_60";
+const contentInner = "_contentInner_u32xz_65";
+const disabled = "_disabled_u32xz_69";
+const styles = {
+  root,
+  trigger,
+  triggerContent,
+  chevron,
+  chevronOpen,
+  content,
+  contentOpen,
+  contentClosed,
+  contentInner,
+  disabled
+};
+export {
+  chevron,
+  chevronOpen,
+  content,
+  contentClosed,
+  contentInner,
+  contentOpen,
+  styles as default,
+  disabled,
+  root,
+  trigger,
+  triggerContent
+};

package/dist/components/Collapsible/index.cjs

@@ -0,0 +1,186 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Collapsible_module = require("./Collapsible.module.scss.cjs");
+function composeEventHandlers(userHandler, internalHandler) {
+  return (event) => {
+    userHandler == null ? void 0 : userHandler(event);
+    if (event.defaultPrevented) return;
+    internalHandler(event);
+  };
+}
+const CollapsibleContext = React.createContext(null);
+function useCollapsibleContext() {
+  const context = React.useContext(CollapsibleContext);
+  if (!context) {
+    throw new Error("Collapsible compound components must be used within Collapsible.Root");
+  }
+  return context;
+}
+function CollapsibleRoot({
+  children,
+  defaultOpen = false,
+  open: controlledOpen,
+  onOpenChange,
+  disabled = false,
+  className,
+  ...htmlProps
+}) {
+  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const isOpen = isControlled ? controlledOpen : internalOpen;
+  const uniqueId = React.useId();
+  const contentId = `collapsible-content-${uniqueId}`;
+  const triggerId = `collapsible-trigger-${uniqueId}`;
+  const toggle = React.useCallback(() => {
+    if (disabled) return;
+    if (isControlled) {
+      onOpenChange == null ? void 0 : onOpenChange(!isOpen);
+    } else {
+      setInternalOpen((prev) => {
+        const newValue = !prev;
+        onOpenChange == null ? void 0 : onOpenChange(newValue);
+        return newValue;
+      });
+    }
+  }, [disabled, isControlled, isOpen, onOpenChange]);
+  const contextValue = {
+    isOpen,
+    toggle,
+    contentId,
+    triggerId,
+    disabled
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...htmlProps,
+      className: `${Collapsible_module.default.root} ${isOpen ? Collapsible_module.default.open : ""} ${disabled ? Collapsible_module.default.disabled : ""} ${className || ""}`,
+      "data-state": isOpen ? "open" : "closed",
+      "data-disabled": disabled || void 0,
+      children
+    }
+  ) });
+}
+function CollapsibleTrigger({
+  children,
+  className,
+  showChevron = true,
+  chevronPosition = "end",
+  asChild = false,
+  onClick,
+  onKeyDown,
+  ...htmlProps
+}) {
+  const { isOpen, toggle, contentId, triggerId, disabled } = useCollapsibleContext();
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      toggle();
+    }
+  };
+  const handleClick = () => {
+    toggle();
+  };
+  const chevronIcon = showChevron && /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className: `${Collapsible_module.default.chevron} ${isOpen ? Collapsible_module.default.chevronOpen : ""}`,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M6 4L10 8L6 12",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+  if (asChild && React.isValidElement(children)) {
+    const childProps = children.props;
+    return React.cloneElement(children, {
+      ...htmlProps,
+      id: htmlProps.id ?? triggerId,
+      "aria-expanded": isOpen,
+      "aria-controls": contentId,
+      "aria-disabled": disabled || void 0,
+      onClick: composeEventHandlers(
+        (event) => {
+          var _a;
+          (_a = childProps.onClick) == null ? void 0 : _a.call(childProps, event);
+          onClick == null ? void 0 : onClick(event);
+        },
+        () => handleClick()
+      ),
+      onKeyDown: composeEventHandlers(
+        (event) => {
+          var _a;
+          (_a = childProps.onKeyDown) == null ? void 0 : _a.call(childProps, event);
+          onKeyDown == null ? void 0 : onKeyDown(event);
+        },
+        (event) => handleKeyDown(event)
+      ),
+      className: [className, childProps.className].filter(Boolean).join(" ")
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      ...htmlProps,
+      type: "button",
+      id: htmlProps.id ?? triggerId,
+      className: `${Collapsible_module.default.trigger} ${className || ""}`,
+      "aria-expanded": isOpen,
+      "aria-controls": contentId,
+      "aria-disabled": disabled || void 0,
+      onClick: composeEventHandlers(onClick, handleClick),
+      onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown),
+      disabled,
+      children: [
+        chevronPosition === "start" && chevronIcon,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: Collapsible_module.default.triggerContent, children }),
+        chevronPosition === "end" && chevronIcon
+      ]
+    }
+  );
+}
+function CollapsibleContent({
+  children,
+  className,
+  forceMount = false,
+  ...htmlProps
+}) {
+  const { isOpen, contentId, triggerId } = useCollapsibleContext();
+  if (!forceMount && !isOpen) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...htmlProps,
+      id: htmlProps.id ?? contentId,
+      role: "region",
+      "aria-labelledby": triggerId,
+      className: `${Collapsible_module.default.content} ${isOpen ? Collapsible_module.default.contentOpen : Collapsible_module.default.contentClosed} ${className || ""}`,
+      "data-state": isOpen ? "open" : "closed",
+      hidden: !isOpen && !forceMount,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Collapsible_module.default.contentInner, children })
+    }
+  );
+}
+const Collapsible = Object.assign(CollapsibleRoot, {
+  Root: CollapsibleRoot,
+  Trigger: CollapsibleTrigger,
+  Content: CollapsibleContent
+});
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleRoot = CollapsibleRoot;
+exports.CollapsibleTrigger = CollapsibleTrigger;
+exports.useCollapsibleContext = useCollapsibleContext;

package/dist/components/Collapsible/index.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+interface CollapsibleContextValue {
+    isOpen: boolean;
+    toggle: () => void;
+    contentId: string;
+    triggerId: string;
+    disabled?: boolean;
+}
+declare function useCollapsibleContext(): CollapsibleContextValue;
+export interface CollapsibleRootProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** Whether the collapsible is initially open */
+    defaultOpen?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether the collapsible is disabled */
+    disabled?: boolean;
+}
+declare function CollapsibleRoot({ children, defaultOpen, open: controlledOpen, onOpenChange, disabled, className, ...htmlProps }: CollapsibleRootProps): import("react/jsx-runtime").JSX.Element;
+export interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    /** Show chevron indicator */
+    showChevron?: boolean;
+    /** Chevron position */
+    chevronPosition?: 'start' | 'end';
+    /** Render as child element (for custom triggers) */
+    asChild?: boolean;
+}
+declare function CollapsibleTrigger({ children, className, showChevron, chevronPosition, asChild, onClick, onKeyDown, ...htmlProps }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+export interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** Force mount content even when closed (useful for animations) */
+    forceMount?: boolean;
+}
+declare function CollapsibleContent({ children, className, forceMount, ...htmlProps }: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const Collapsible: typeof CollapsibleRoot & {
+    Root: typeof CollapsibleRoot;
+    Trigger: typeof CollapsibleTrigger;
+    Content: typeof CollapsibleContent;
+};
+export { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, useCollapsibleContext, };
+export type CollapsibleProps = CollapsibleRootProps;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAevF,UAAU,uBAAuB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,iBAAS,qBAAqB,4BAM7B;AAGD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,WAAmB,EACnB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CA2CtB;AAGD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAClC,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,WAAkB,EAClB,eAAuB,EACvB,OAAe,EACf,OAAO,EACP,SAAS,EACT,GAAG,SAAS,EACb,EAAE,uBAAuB,2CAgFzB;AAGD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,UAAkB,EAClB,GAAG,SAAS,EACb,EAAE,uBAAuB,kDAqBzB;AAGD,eAAO,MAAM,WAAW;;;;CAItB,CAAC;AAGH,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,GACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC"}