@solace-health/ui 0.10.680 → 0.10.682

package/dist/v2/scrolling-sidebar/scrolling-sidebar.d.ts

@@ -0,0 +1,155 @@
+import { ReactNode } from 'react';
+export type ScrollingSidebarSection = {
+    /** Unique identifier for the section. Typically matches the `id` of the target element to scroll to. */
+    id: string;
+    /** Content rendered for the section entry in the sidebar/dropdown. */
+    label: ReactNode;
+};
+export type ScrollingSidebarProps = {
+    /** Ordered list of sections to render. Works with any number of sections. */
+    sections: ReadonlyArray<ScrollingSidebarSection>;
+    /** The `id` of the currently active section. When omitted, the first section is highlighted. */
+    activeSectionId?: string;
+    /** Invoked with the section `id` when a section entry is selected. */
+    onSectionSelect: (sectionId: string) => void;
+    /**
+     * Label shown on the collapsed (narrow-container) trigger when no section is active.
+     * Defaults to `'Contents'`.
+     */
+    collapsedLabel?: string;
+    /** Accessible label applied to the navigation landmarks. Defaults to `'Section navigation'`. */
+    ariaLabel?: string;
+    /**
+     * Whether both variants stick to the top of the scroll container while scrolling.
+     * Defaults to `true` — sticky behavior is core to the pattern. Set to `false` to opt out
+     * and let the component scroll away with the page.
+     */
+    sticky?: boolean;
+    /**
+     * Tailwind `top-*` class controlling the sticky offset for both variants — useful when the
+     * page has a fixed/sticky header to clear (e.g. `'top-16'`). Overrides the built-in defaults
+     * (`top-4` collapsed, `top-0` expanded). Ignored when `sticky` is `false`. For per-variant
+     * control, use `classNames.mobileWrapper` / `classNames.sidebar` instead.
+     */
+    stickyOffset?: string;
+    classNames?: {
+        /** Applied to the collapsed-variant sticky wrapper (the outer container that sticks). */
+        mobileWrapper?: string;
+        /** Applied to the collapsed-variant trigger button. */
+        trigger?: string;
+        /** Applied to the collapsed-variant dropdown container. */
+        dropdown?: string;
+        /** Applied to each collapsed-variant dropdown item. */
+        dropdownItem?: string;
+        /** Applied to the expanded-variant sidebar `<aside>`. */
+        sidebar?: string;
+        /** Applied to each expanded-variant sidebar item. */
+        sidebarItem?: string;
+        /** Applied to the active item (both variants). */
+        activeItem?: string;
+    };
+};
+/**
+ * A sticky navigation sidebar that tracks the active section of a long, scrollable page.
+ *
+ * Renders a collapsible dropdown when its container is narrow (below the `@lg` container
+ * breakpoint) and an always-visible vertical sidebar when it is wide. The switch is driven by
+ * container queries — the width of the component's own container, not the viewport — so it
+ * collapses correctly even when placed in a column that doesn't span the full screen. The
+ * component is presentational and controlled — scroll tracking and scrolling-into-view are
+ * owned by the consumer via `activeSectionId` and `onSectionSelect`.
+ *
+ * It renders its two responsive variants as sibling elements (no wrapping element) so the
+ * desktop sidebar can participate directly in the parent layout. Place it as a direct child of
+ * a flex container next to the scrollable content, and mark an ancestor `@container` so the
+ * container queries have a context to measure, e.g.
+ * `<div className="@container flex flex-col @lg:flex-row">` — so the sidebar's `position: sticky`
+ * is anchored to the scroll container rather than a wrapper. ({@link ScrollingSidebarContainer}
+ * sets up the `@container` for you.)
+ *
+ * Both variants stick to the top by default. Use `stickyOffset` to clear a fixed header,
+ * or `sticky={false}` to opt out entirely.
+ */
+export declare function ScrollingSidebar({ sections, activeSectionId, onSectionSelect, collapsedLabel, ariaLabel, sticky, stickyOffset, classNames, }: ScrollingSidebarProps): import("react/jsx-runtime").JSX.Element;
+export type ScrollingSidebarContentProps = {
+    /** Unique identifier for the section — used as the scroll-target `id` and to match the sidebar entry. */
+    id: string;
+    /**
+     * Content rendered for this section's entry in the sidebar/dropdown. Read by the parent
+     * {@link ScrollingSidebarContainer} when it scans its children — not rendered by this component.
+     */
+    label: ReactNode;
+    /** The section body. */
+    children: ReactNode;
+    /** Applied to the rendered `<section>` wrapper. */
+    className?: string;
+};
+/**
+ * A section within a {@link ScrollingSidebarContainer}. Renders its `children` inside a
+ * `<section id={id}>` scroll target and declares — via its `id` and `label` — the sidebar entry
+ * the container should generate for it. The container discovers these by scanning its `children`
+ * for `ScrollingSidebarContent` elements, so there's no separate `sections` list to keep in sync.
+ *
+ * ```tsx
+ * <ScrollingSidebarContainer>
+ *   <ScrollingSidebarContent id="general" label="General">…</ScrollingSidebarContent>
+ *   <ScrollingSidebarContent id="exams" label={<div>Exams</div>}>…</ScrollingSidebarContent>
+ * </ScrollingSidebarContainer>
+ * ```
+ */
+export declare function ScrollingSidebarContent({ id, children, className, }: ScrollingSidebarContentProps): import("react/jsx-runtime").JSX.Element;
+export type ScrollingSidebarContainerProps = {
+    /**
+     * The scrollable page content. Each {@link ScrollingSidebarContent} child becomes a sidebar
+     * entry — the container reads its `id` and `label` to build the navigation and to track/scroll
+     * to it. Non-`ScrollingSidebarContent` children render normally but aren't tracked.
+     */
+    children: ReactNode;
+    /** The section highlighted before the user scrolls or selects. Defaults to the first section. */
+    defaultActiveSectionId?: string;
+    /** Called whenever the active section changes, from scrolling or selection. */
+    onActiveSectionChange?: (sectionId: string) => void;
+    /** Called when the user selects a section from the sidebar (before the scroll animation). */
+    onSectionSelect?: (sectionId: string) => void;
+    /**
+     * Pixels from the top of the scroll container used both to decide the active section and as
+     * the landing offset when scrolling to one — increase it to clear a fixed header. Defaults to `0`.
+     */
+    scrollOffset?: number;
+    /** Scroll animation used when selecting a section. Defaults to `'smooth'`. */
+    scrollBehavior?: ScrollBehavior;
+    /** @see ScrollingSidebarProps.collapsedLabel */
+    collapsedLabel?: string;
+    /** @see ScrollingSidebarProps.ariaLabel */
+    ariaLabel?: string;
+    /** @see ScrollingSidebarProps.sticky */
+    sticky?: boolean;
+    /** @see ScrollingSidebarProps.stickyOffset */
+    stickyOffset?: string;
+    /** Applied to the outer `@container` wrapper. Add `overflow-y-auto` + a height here to make the container its own scroll region. */
+    className?: string;
+    /** Applied to the content column that wraps `children`. */
+    contentClassName?: string;
+    /** Forwarded to the underlying `ScrollingSidebar` `classNames`. */
+    sidebarClassNames?: ScrollingSidebarProps['classNames'];
+};
+/**
+ * A batteries-included wrapper around {@link ScrollingSidebar} that owns everything a consumer
+ * would otherwise wire up by hand: the layout, the scroll container detection, active-section
+ * tracking while scrolling, and smooth scrolling to a section on select.
+ *
+ * Compose the page from {@link ScrollingSidebarContent} children — each one's `id` and `label`
+ * become a sidebar entry, so the navigation is derived from the content and there's no parallel
+ * `sections` list to keep in sync.
+ *
+ * ```tsx
+ * <ScrollingSidebarContainer>
+ *   <ScrollingSidebarContent id="general" label="General">…</ScrollingSidebarContent>
+ *   <ScrollingSidebarContent id="exams" label={<div>Exams</div>}>…</ScrollingSidebarContent>
+ * </ScrollingSidebarContainer>
+ * ```
+ *
+ * The container tracks scrolling on its nearest scrollable ancestor, or on the container itself
+ * when you give it `overflow-y-auto` and a height via `className`.
+ */
+export declare function ScrollingSidebarContainer({ children, defaultActiveSectionId, onActiveSectionChange, onSectionSelect, scrollOffset, scrollBehavior, collapsedLabel, ariaLabel, sticky, stickyOffset, className, contentClassName, sidebarClassNames, }: ScrollingSidebarContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/v2/scrolling-sidebar/scrolling-sidebar.js

@@ -0,0 +1,2 @@
+export{a as ScrollingSidebar,c as ScrollingSidebarContainer,b as ScrollingSidebarContent}from'../../chunk-I3WHD5JH.js';import'../../chunk-YTIIAU4W.js';import'../../chunk-RFBBAUMM.js';//# sourceMappingURL=scrolling-sidebar.js.map
+//# sourceMappingURL=scrolling-sidebar.js.map

package/dist/v2/scrolling-sidebar/scrolling-sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"scrolling-sidebar.js"}

package/dist/v2/scrolling-sidebar/scrolling-sidebar.stories.d.ts

@@ -0,0 +1,44 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ScrollingSidebarContainer } from './scrolling-sidebar';
+declare const meta: Meta<typeof ScrollingSidebarContainer>;
+export default meta;
+type Story = StoryObj<typeof ScrollingSidebarContainer>;
+/**
+ * Everything a consumer needs: compose the page from `ScrollingSidebarContent` children. The
+ * container derives the sidebar from them and owns layout, scroll tracking, and scroll-to-section.
+ */
+export declare const Default: Story;
+/**
+ * Works with any number of sections — here just a few.
+ */
+export declare const FewSections: Story;
+/**
+ * A single section still renders correctly.
+ */
+export declare const SingleSection: Story;
+/**
+ * The collapsed variant: when the container is narrower than the `@lg` container breakpoint the
+ * sidebar collapses into a sticky dropdown. Here a phone viewport shrinks the full-width
+ * container below the threshold; the dropdown is opened by the `play` function so the menu is
+ * visible. Selecting an item scrolls to it and closes the menu.
+ */
+export declare const MobileDropdown: Story;
+/**
+ * With `sticky={false}` the sidebar scrolls away with the page instead of pinning to the top.
+ */
+export declare const NonSticky: Story;
+/**
+ * Container queries in action: at a full desktop viewport the container is constrained to a
+ * narrow column (`max-w-[440px]`), so the sidebar collapses into the dropdown based on its own
+ * width rather than the screen's. This is the case a viewport `lg:` breakpoint couldn't handle —
+ * a narrow container on a wide screen.
+ */
+export declare const NarrowContainer: Story;
+export declare const ReactNodeLabels: Story;
+/**
+ * Every visual slot is themeable through `sidebarClassNames` — here the accent is switched from
+ * the default green to indigo across the trigger, dropdown, sidebar, and active states, and
+ * `contentClassName` restyles the content column. The `cn` merge means these classes layer on top
+ * of the component defaults (later classes win on conflicts), so you only override what you need.
+ */
+export declare const CustomStyling: Story;

package/dist/v2/theme-stories/colors.cjs

@@ -1,2 +1,2 @@
-'use strict';require('../../chunk-WH6WPZPG.cjs');var lu=require('react-icons/lu'),jsxRuntime=require('react/jsx-runtime');var t=s=>{let a=s.match(/\d+/g);if(!a)return null;let[o,c,r]=a.map(Number);return `#${((1<<24)+(o<<16)+(c<<8)+r).toString(16).slice(1).toUpperCase()}`},l=s=>{let a=document.createElement("div");a.className=s,document.body.appendChild(a);let o=window.getComputedStyle(a).backgroundColor;return document.body.removeChild(a),t(o)},g=["bg-primary","bg-secondary","bg-white","bg-dark-green","bg-green","bg-gold","bg-red","bg-purple"],x=["bg-white","bg-eggshell","bg-black"],i=["bg-green-100","bg-green-200","bg-green-300","bg-green-400","bg-green-500","bg-green-600","bg-green-700","bg-green-800","bg-green-900"],n=["bg-gray-100","bg-gray-200","bg-gray-300","bg-gray-400","bg-gray-500","bg-gray-600","bg-gray-700","bg-gray-800","bg-gray-900"],b=["bg-gold-100","bg-gold-200","bg-gold-300","bg-gold-400","bg-gold-500","bg-gold-900"],v=["bg-red-100","bg-red-200","bg-red-300","bg-red-400","bg-red-500","bg-red-600"],N=["bg-purple-100","bg-purple-200","bg-purple-300","bg-purple-400","bg-purple-500"],f=["bg-moss-100","bg-moss-200","bg-moss-300","bg-moss-400","bg-moss-500","bg-moss-900"],p=["bg-sky-100","bg-sky-200","bg-sky-300","bg-sky-400","bg-sky-500","bg-sky-900"],h=["bg-clay-100","bg-clay-200","bg-clay-300"],y={render:()=>jsxRuntime.jsxs("div",{className:"p-4",children:[jsxRuntime.jsx("h2",{className:"text-display-sm mb-4 font-bold",children:"All Colors"}),jsxRuntime.jsxs("div",{className:"mb-4 flex items-baseline gap-2 rounded-md border border-green-500 bg-green-100 px-4 py-3 text-green-900",children:[jsxRuntime.jsx(lu.LuInfo,{className:"translate-y-0.5"}),jsxRuntime.jsx("strong",{children:"Info:"})," ",jsxRuntime.jsxs("div",{children:["all colors can be used as background color (",jsxRuntime.jsx("code",{className:"text-primary rounded-sm bg-green-300 p-1 text-sm",children:"bg-*"}),"), text color (",jsxRuntime.jsx("code",{className:"text-primary rounded-sm bg-green-300 p-1 text-sm",children:"text-*"}),"), border color (",jsxRuntime.jsx("code",{className:"text-primary rounded-sm bg-green-300 p-1 text-sm",children:"border-*"}),"), etc., except for the text-only and background-only colors."]})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-4",children:[jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Base"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:x.map(s=>{let a=l(s);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsxRuntime.jsx("code",{className:"text-xs",children:s}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Green"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:i.map(s=>{let a=l(s);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsxRuntime.jsx("code",{className:"text-xs",children:s}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Gray"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:n.map(s=>{let a=l(s);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsxRuntime.jsx("code",{className:"text-xs",children:s}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Gold"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:b.map(s=>{let a=l(s);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsxRuntime.jsx("code",{className:"text-xs",children:s}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Red"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:v.map(s=>{let a=l(s);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsxRuntime.jsx("code",{className:"text-xs",children:s}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Purple"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:N.map(s=>{let a=l(s);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsxRuntime.jsx("code",{className:"text-xs",children:s}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Moss"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:f.map(s=>{let a=l(s);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsxRuntime.jsx("code",{className:"text-xs",children:s}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Sky"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:p.map(s=>{let a=l(s);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsxRuntime.jsx("code",{className:"text-xs",children:s}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Clay"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:h.map(s=>{let a=l(s);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsxRuntime.jsx("code",{className:"text-xs",children:s}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},s)})})]})]}),jsxRuntime.jsx("h2",{className:"text-display-sm mt-12 mb-4 font-bold",children:"Semantic Colors"}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-4",children:[jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Common Colors"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:g.map(s=>{let a=l(s);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:s}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Text Only Colors"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"flex h-12 w-24 items-center justify-center rounded-sm border",children:jsxRuntime.jsx("div",{className:"darker-ai-purple text-sm font-bold italic",children:"AI Gradient"})}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"darker-ai-purple"})]})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Background Only Colors"}),jsxRuntime.jsxs("div",{className:"flex gap-1",children:[jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-glass h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-glass"})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-gradient-light h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-gradient-light"})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-gradient-medium h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-gradient-medium"})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-gradient-bg h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-gradient-bg"})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-lightpolaris-gradient h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-lightpolaris-gradient"})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-darkpolaris-gradient h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-darkpolaris-gradient"})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-glass-surface h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-glass-surface"})]})]})]})]})]})};exports.Colors=y;//# sourceMappingURL=colors.cjs.map
+'use strict';require('../../chunk-WH6WPZPG.cjs');var lu=require('react-icons/lu'),jsxRuntime=require('react/jsx-runtime');var t=d=>{let a=d.match(/\d+/g);if(!a)return null;let[o,c,m]=a.map(Number);return `#${((1<<24)+(o<<16)+(c<<8)+m).toString(16).slice(1).toUpperCase()}`},l=d=>{let a=document.createElement("div");a.className=d,document.body.appendChild(a);let o=window.getComputedStyle(a).backgroundColor;return document.body.removeChild(a),t(o)},g=["bg-primary","bg-secondary","bg-white","bg-dark-green","bg-green","bg-gold","bg-red","bg-purple"],x=["bg-white","bg-eggshell","bg-black"],i=["bg-green-100","bg-green-200","bg-green-300","bg-green-400","bg-green-500","bg-green-600","bg-green-700","bg-green-800","bg-green-900"],n=["bg-gray-100","bg-gray-200","bg-gray-300","bg-gray-400","bg-gray-500","bg-gray-600","bg-gray-700","bg-gray-800","bg-gray-900"],b=["bg-gold-100","bg-gold-200","bg-gold-300","bg-gold-400","bg-gold-500","bg-gold-900"],v=["bg-red-100","bg-red-200","bg-red-300","bg-red-400","bg-red-500","bg-red-600"],N=["bg-purple-100","bg-purple-200","bg-purple-300","bg-purple-400","bg-purple-500"],f=["bg-moss-100","bg-moss-200","bg-moss-300","bg-moss-400","bg-moss-500","bg-moss-900"],p=["bg-sky-100","bg-sky-200","bg-sky-300","bg-sky-400","bg-sky-500","bg-sky-900"],h=["bg-clay-100","bg-clay-200","bg-clay-300"],u=["bg-cream-100","bg-cream-200","bg-cream-300"],w={render:()=>jsxRuntime.jsxs("div",{className:"p-4",children:[jsxRuntime.jsx("h2",{className:"text-display-sm mb-4 font-bold",children:"All Colors"}),jsxRuntime.jsxs("div",{className:"mb-4 flex items-baseline gap-2 rounded-md border border-green-500 bg-green-100 px-4 py-3 text-green-900",children:[jsxRuntime.jsx(lu.LuInfo,{className:"translate-y-0.5"}),jsxRuntime.jsx("strong",{children:"Info:"})," ",jsxRuntime.jsxs("div",{children:["all colors can be used as background color (",jsxRuntime.jsx("code",{className:"text-primary rounded-sm bg-green-300 p-1 text-sm",children:"bg-*"}),"), text color (",jsxRuntime.jsx("code",{className:"text-primary rounded-sm bg-green-300 p-1 text-sm",children:"text-*"}),"), border color (",jsxRuntime.jsx("code",{className:"text-primary rounded-sm bg-green-300 p-1 text-sm",children:"border-*"}),"), etc., except for the text-only and background-only colors."]})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-4",children:[jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Base"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:x.map(d=>{let a=l(d);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsxRuntime.jsx("code",{className:"text-xs",children:d}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Green"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:i.map(d=>{let a=l(d);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsxRuntime.jsx("code",{className:"text-xs",children:d}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Gray"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:n.map(d=>{let a=l(d);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsxRuntime.jsx("code",{className:"text-xs",children:d}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Gold"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:b.map(d=>{let a=l(d);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsxRuntime.jsx("code",{className:"text-xs",children:d}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Red"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:v.map(d=>{let a=l(d);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsxRuntime.jsx("code",{className:"text-xs",children:d}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Purple"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:N.map(d=>{let a=l(d);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsxRuntime.jsx("code",{className:"text-xs",children:d}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Moss"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:f.map(d=>{let a=l(d);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsxRuntime.jsx("code",{className:"text-xs",children:d}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Sky"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:p.map(d=>{let a=l(d);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsxRuntime.jsx("code",{className:"text-xs",children:d}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Clay"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:h.map(d=>{let a=l(d);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsxRuntime.jsx("code",{className:"text-xs",children:d}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Cream"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:u.map(d=>{let a=l(d);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsxRuntime.jsx("code",{className:"text-xs",children:d}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},d)})})]})]}),jsxRuntime.jsx("h2",{className:"text-display-sm mt-12 mb-4 font-bold",children:"Semantic Colors"}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-4",children:[jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Common Colors"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:g.map(d=>{let a=l(d);return jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:d}),jsxRuntime.jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Text Only Colors"}),jsxRuntime.jsx("div",{className:"flex gap-1",children:jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"flex h-12 w-24 items-center justify-center rounded-sm border",children:jsxRuntime.jsx("div",{className:"darker-ai-purple text-sm font-bold italic",children:"AI Gradient"})}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"darker-ai-purple"})]})})]}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-2",children:[jsxRuntime.jsx("h3",{className:"font-bold",children:"Background Only Colors"}),jsxRuntime.jsxs("div",{className:"flex gap-1",children:[jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-glass h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-glass"})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-gradient-light h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-gradient-light"})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-gradient-medium h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-gradient-medium"})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-gradient-bg h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-gradient-bg"})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-lightpolaris-gradient h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-lightpolaris-gradient"})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-darkpolaris-gradient h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-darkpolaris-gradient"})]}),jsxRuntime.jsxs("div",{className:"flex flex-col",children:[jsxRuntime.jsx("div",{className:"bg-glass-surface h-12 w-24 rounded-sm border"}),jsxRuntime.jsx("code",{className:"max-w-24 text-xs",children:"bg-glass-surface"})]})]})]})]})]})};exports.Colors=w;//# sourceMappingURL=colors.cjs.map
 //# sourceMappingURL=colors.cjs.map

package/dist/v2/theme-stories/colors.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/v2/theme-stories/colors.tsx"],"names":["rgbToHex","rgb","result","r","g","b","getComputedTailwindColor","colorClass","element","rgbColor","commonColors","baseColors","greens","grayColors","goldColors","redColors","purpleColors","mossColors","skyColors","clayColors","Colors","jsxs","jsx","LuInfo","hexColor"],"mappings":"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","file":"colors.cjs","sourcesContent":["/* eslint-disable no-bitwise */\nimport { StoryObj } from '@storybook/react';\nimport { LuInfo } from 'react-icons/lu';\n\nconst rgbToHex = (rgb: string) => {\n  const result = rgb.match(/\\d+/g); // Extract numeric values\n  if (!result) return null;\n\n  const [r, g, b] = result.map(Number);\n  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase()}`;\n};\n\nconst getComputedTailwindColor = (colorClass: string) => {\n  const element = document.createElement('div');\n  element.className = colorClass;\n  document.body.appendChild(element);\n\n  const rgbColor = window.getComputedStyle(element).backgroundColor;\n  document.body.removeChild(element);\n\n  return rgbToHex(rgbColor);\n};\n\nconst commonColors = [\n  'bg-primary',\n  'bg-secondary',\n  'bg-white',\n  'bg-dark-green',\n  'bg-green',\n  'bg-gold',\n  'bg-red',\n  'bg-purple',\n];\n\nconst baseColors = ['bg-white', 'bg-eggshell', 'bg-black'];\n\nconst greens = [\n  'bg-green-100',\n  'bg-green-200',\n  'bg-green-300',\n  'bg-green-400',\n  'bg-green-500',\n  'bg-green-600',\n  'bg-green-700',\n  'bg-green-800',\n  'bg-green-900',\n];\n\nconst grayColors = [\n  'bg-gray-100',\n  'bg-gray-200',\n  'bg-gray-300',\n  'bg-gray-400',\n  'bg-gray-500',\n  'bg-gray-600',\n  'bg-gray-700',\n  'bg-gray-800',\n  'bg-gray-900',\n];\n\nconst goldColors = [\n  'bg-gold-100',\n  'bg-gold-200',\n  'bg-gold-300',\n  'bg-gold-400',\n  'bg-gold-500',\n  'bg-gold-900',\n];\n\nconst redColors = [\n  'bg-red-100',\n  'bg-red-200',\n  'bg-red-300',\n  'bg-red-400',\n  'bg-red-500',\n  'bg-red-600',\n];\n\nconst purpleColors = [\n  'bg-purple-100',\n  'bg-purple-200',\n  'bg-purple-300',\n  'bg-purple-400',\n  'bg-purple-500',\n];\n\nconst mossColors = [\n  'bg-moss-100',\n  'bg-moss-200',\n  'bg-moss-300',\n  'bg-moss-400',\n  'bg-moss-500',\n  'bg-moss-900',\n];\n\nconst skyColors = [\n  'bg-sky-100',\n  'bg-sky-200',\n  'bg-sky-300',\n  'bg-sky-400',\n  'bg-sky-500',\n  'bg-sky-900',\n];\n\nconst clayColors = ['bg-clay-100', 'bg-clay-200', 'bg-clay-300'];\n\nexport const Colors: StoryObj = {\n  render: () => (\n    <div className=\"p-4\">\n      <h2 className=\"text-display-sm mb-4 font-bold\">All Colors</h2>\n\n      <div className=\"mb-4 flex items-baseline gap-2 rounded-md border border-green-500 bg-green-100 px-4 py-3 text-green-900\">\n        <LuInfo className=\"translate-y-0.5\" />\n        <strong>Info:</strong>{' '}\n        <div>\n          all colors can be used as background color (\n          <code className=\"text-primary rounded-sm bg-green-300 p-1 text-sm\">bg-*</code>), text\n          color (<code className=\"text-primary rounded-sm bg-green-300 p-1 text-sm\">text-*</code>),\n          border color (\n          <code className=\"text-primary rounded-sm bg-green-300 p-1 text-sm\">border-*</code>), etc.,\n          except for the text-only and background-only colors.\n        </div>\n      </div>\n\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Base</h3>\n          <div className=\"flex gap-1\">\n            {baseColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Green</h3>\n          <div className=\"flex gap-1\">\n            {greens.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Gray</h3>\n          <div className=\"flex gap-1\">\n            {grayColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Gold</h3>\n          <div className=\"flex gap-1\">\n            {goldColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Red</h3>\n          <div className=\"flex gap-1\">\n            {redColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Purple</h3>\n          <div className=\"flex gap-1\">\n            {purpleColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Moss</h3>\n          <div className=\"flex gap-1\">\n            {mossColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Sky</h3>\n          <div className=\"flex gap-1\">\n            {skyColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Clay</h3>\n          <div className=\"flex gap-1\">\n            {clayColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n\n      <h2 className=\"text-display-sm mt-12 mb-4 font-bold\">Semantic Colors</h2>\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Common Colors</h3>\n          <div className=\"flex gap-1\">\n            {commonColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"max-w-24 text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Text Only Colors</h3>\n          <div className=\"flex gap-1\">\n            <div className=\"flex flex-col\">\n              <div className=\"flex h-12 w-24 items-center justify-center rounded-sm border\">\n                <div className=\"darker-ai-purple text-sm font-bold italic\">AI Gradient</div>\n              </div>\n              <code className=\"max-w-24 text-xs\">darker-ai-purple</code>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Background Only Colors</h3>\n          <div className=\"flex gap-1\">\n            <div className=\"flex flex-col\">\n              <div className=\"bg-glass h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-glass</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-gradient-light h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-gradient-light</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-gradient-medium h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-gradient-medium</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-gradient-bg h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-gradient-bg</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-lightpolaris-gradient h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-lightpolaris-gradient</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-darkpolaris-gradient h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-darkpolaris-gradient</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-glass-surface h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-glass-surface</code>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ),\n};\n"]}
+{"version":3,"sources":["../../../src/v2/theme-stories/colors.tsx"],"names":["rgbToHex","rgb","result","r","g","b","getComputedTailwindColor","colorClass","element","rgbColor","commonColors","baseColors","greens","grayColors","goldColors","redColors","purpleColors","mossColors","skyColors","clayColors","creamColors","Colors","jsxs","jsx","LuInfo","hexColor"],"mappings":"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","file":"colors.cjs","sourcesContent":["/* eslint-disable no-bitwise */\nimport { StoryObj } from '@storybook/react';\nimport { LuInfo } from 'react-icons/lu';\n\nconst rgbToHex = (rgb: string) => {\n  const result = rgb.match(/\\d+/g); // Extract numeric values\n  if (!result) return null;\n\n  const [r, g, b] = result.map(Number);\n  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase()}`;\n};\n\nconst getComputedTailwindColor = (colorClass: string) => {\n  const element = document.createElement('div');\n  element.className = colorClass;\n  document.body.appendChild(element);\n\n  const rgbColor = window.getComputedStyle(element).backgroundColor;\n  document.body.removeChild(element);\n\n  return rgbToHex(rgbColor);\n};\n\nconst commonColors = [\n  'bg-primary',\n  'bg-secondary',\n  'bg-white',\n  'bg-dark-green',\n  'bg-green',\n  'bg-gold',\n  'bg-red',\n  'bg-purple',\n];\n\nconst baseColors = ['bg-white', 'bg-eggshell', 'bg-black'];\n\nconst greens = [\n  'bg-green-100',\n  'bg-green-200',\n  'bg-green-300',\n  'bg-green-400',\n  'bg-green-500',\n  'bg-green-600',\n  'bg-green-700',\n  'bg-green-800',\n  'bg-green-900',\n];\n\nconst grayColors = [\n  'bg-gray-100',\n  'bg-gray-200',\n  'bg-gray-300',\n  'bg-gray-400',\n  'bg-gray-500',\n  'bg-gray-600',\n  'bg-gray-700',\n  'bg-gray-800',\n  'bg-gray-900',\n];\n\nconst goldColors = [\n  'bg-gold-100',\n  'bg-gold-200',\n  'bg-gold-300',\n  'bg-gold-400',\n  'bg-gold-500',\n  'bg-gold-900',\n];\n\nconst redColors = [\n  'bg-red-100',\n  'bg-red-200',\n  'bg-red-300',\n  'bg-red-400',\n  'bg-red-500',\n  'bg-red-600',\n];\n\nconst purpleColors = [\n  'bg-purple-100',\n  'bg-purple-200',\n  'bg-purple-300',\n  'bg-purple-400',\n  'bg-purple-500',\n];\n\nconst mossColors = [\n  'bg-moss-100',\n  'bg-moss-200',\n  'bg-moss-300',\n  'bg-moss-400',\n  'bg-moss-500',\n  'bg-moss-900',\n];\n\nconst skyColors = [\n  'bg-sky-100',\n  'bg-sky-200',\n  'bg-sky-300',\n  'bg-sky-400',\n  'bg-sky-500',\n  'bg-sky-900',\n];\n\nconst clayColors = ['bg-clay-100', 'bg-clay-200', 'bg-clay-300'];\nconst creamColors = ['bg-cream-100', 'bg-cream-200', 'bg-cream-300'];\n\nexport const Colors: StoryObj = {\n  render: () => (\n    <div className=\"p-4\">\n      <h2 className=\"text-display-sm mb-4 font-bold\">All Colors</h2>\n\n      <div className=\"mb-4 flex items-baseline gap-2 rounded-md border border-green-500 bg-green-100 px-4 py-3 text-green-900\">\n        <LuInfo className=\"translate-y-0.5\" />\n        <strong>Info:</strong>{' '}\n        <div>\n          all colors can be used as background color (\n          <code className=\"text-primary rounded-sm bg-green-300 p-1 text-sm\">bg-*</code>), text\n          color (<code className=\"text-primary rounded-sm bg-green-300 p-1 text-sm\">text-*</code>),\n          border color (\n          <code className=\"text-primary rounded-sm bg-green-300 p-1 text-sm\">border-*</code>), etc.,\n          except for the text-only and background-only colors.\n        </div>\n      </div>\n\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Base</h3>\n          <div className=\"flex gap-1\">\n            {baseColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Green</h3>\n          <div className=\"flex gap-1\">\n            {greens.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Gray</h3>\n          <div className=\"flex gap-1\">\n            {grayColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Gold</h3>\n          <div className=\"flex gap-1\">\n            {goldColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Red</h3>\n          <div className=\"flex gap-1\">\n            {redColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Purple</h3>\n          <div className=\"flex gap-1\">\n            {purpleColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Moss</h3>\n          <div className=\"flex gap-1\">\n            {mossColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Sky</h3>\n          <div className=\"flex gap-1\">\n            {skyColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Clay</h3>\n          <div className=\"flex gap-1\">\n            {clayColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Cream</h3>\n          <div className=\"flex gap-1\">\n            {creamColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n\n      <h2 className=\"text-display-sm mt-12 mb-4 font-bold\">Semantic Colors</h2>\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Common Colors</h3>\n          <div className=\"flex gap-1\">\n            {commonColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"max-w-24 text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Text Only Colors</h3>\n          <div className=\"flex gap-1\">\n            <div className=\"flex flex-col\">\n              <div className=\"flex h-12 w-24 items-center justify-center rounded-sm border\">\n                <div className=\"darker-ai-purple text-sm font-bold italic\">AI Gradient</div>\n              </div>\n              <code className=\"max-w-24 text-xs\">darker-ai-purple</code>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Background Only Colors</h3>\n          <div className=\"flex gap-1\">\n            <div className=\"flex flex-col\">\n              <div className=\"bg-glass h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-glass</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-gradient-light h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-gradient-light</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-gradient-medium h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-gradient-medium</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-gradient-bg h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-gradient-bg</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-lightpolaris-gradient h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-lightpolaris-gradient</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-darkpolaris-gradient h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-darkpolaris-gradient</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-glass-surface h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-glass-surface</code>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ),\n};\n"]}

package/dist/v2/theme-stories/colors.js

@@ -1,2 +1,2 @@
-import'../../chunk-RFBBAUMM.js';import {LuInfo}from'react-icons/lu';import {jsxs,jsx}from'react/jsx-runtime';var t=s=>{let a=s.match(/\d+/g);if(!a)return null;let[o,c,r]=a.map(Number);return `#${((1<<24)+(o<<16)+(c<<8)+r).toString(16).slice(1).toUpperCase()}`},l=s=>{let a=document.createElement("div");a.className=s,document.body.appendChild(a);let o=window.getComputedStyle(a).backgroundColor;return document.body.removeChild(a),t(o)},g=["bg-primary","bg-secondary","bg-white","bg-dark-green","bg-green","bg-gold","bg-red","bg-purple"],x=["bg-white","bg-eggshell","bg-black"],i=["bg-green-100","bg-green-200","bg-green-300","bg-green-400","bg-green-500","bg-green-600","bg-green-700","bg-green-800","bg-green-900"],n=["bg-gray-100","bg-gray-200","bg-gray-300","bg-gray-400","bg-gray-500","bg-gray-600","bg-gray-700","bg-gray-800","bg-gray-900"],b=["bg-gold-100","bg-gold-200","bg-gold-300","bg-gold-400","bg-gold-500","bg-gold-900"],v=["bg-red-100","bg-red-200","bg-red-300","bg-red-400","bg-red-500","bg-red-600"],N=["bg-purple-100","bg-purple-200","bg-purple-300","bg-purple-400","bg-purple-500"],f=["bg-moss-100","bg-moss-200","bg-moss-300","bg-moss-400","bg-moss-500","bg-moss-900"],p=["bg-sky-100","bg-sky-200","bg-sky-300","bg-sky-400","bg-sky-500","bg-sky-900"],h=["bg-clay-100","bg-clay-200","bg-clay-300"],y={render:()=>jsxs("div",{className:"p-4",children:[jsx("h2",{className:"text-display-sm mb-4 font-bold",children:"All Colors"}),jsxs("div",{className:"mb-4 flex items-baseline gap-2 rounded-md border border-green-500 bg-green-100 px-4 py-3 text-green-900",children:[jsx(LuInfo,{className:"translate-y-0.5"}),jsx("strong",{children:"Info:"})," ",jsxs("div",{children:["all colors can be used as background color (",jsx("code",{className:"text-primary rounded-sm bg-green-300 p-1 text-sm",children:"bg-*"}),"), text color (",jsx("code",{className:"text-primary rounded-sm bg-green-300 p-1 text-sm",children:"text-*"}),"), border color (",jsx("code",{className:"text-primary rounded-sm bg-green-300 p-1 text-sm",children:"border-*"}),"), etc., except for the text-only and background-only colors."]})]}),jsxs("div",{className:"flex flex-col gap-4",children:[jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Base"}),jsx("div",{className:"flex gap-1",children:x.map(s=>{let a=l(s);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsx("code",{className:"text-xs",children:s}),jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Green"}),jsx("div",{className:"flex gap-1",children:i.map(s=>{let a=l(s);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsx("code",{className:"text-xs",children:s}),jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Gray"}),jsx("div",{className:"flex gap-1",children:n.map(s=>{let a=l(s);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsx("code",{className:"text-xs",children:s}),jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Gold"}),jsx("div",{className:"flex gap-1",children:b.map(s=>{let a=l(s);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsx("code",{className:"text-xs",children:s}),jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Red"}),jsx("div",{className:"flex gap-1",children:v.map(s=>{let a=l(s);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsx("code",{className:"text-xs",children:s}),jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Purple"}),jsx("div",{className:"flex gap-1",children:N.map(s=>{let a=l(s);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsx("code",{className:"text-xs",children:s}),jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Moss"}),jsx("div",{className:"flex gap-1",children:f.map(s=>{let a=l(s);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsx("code",{className:"text-xs",children:s}),jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Sky"}),jsx("div",{className:"flex gap-1",children:p.map(s=>{let a=l(s);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsx("code",{className:"text-xs",children:s}),jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Clay"}),jsx("div",{className:"flex gap-1",children:h.map(s=>{let a=l(s);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsx("code",{className:"text-xs",children:s}),jsx("code",{className:"text-xs",children:a})]},s)})})]})]}),jsx("h2",{className:"text-display-sm mt-12 mb-4 font-bold",children:"Semantic Colors"}),jsxs("div",{className:"flex flex-col gap-4",children:[jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Common Colors"}),jsx("div",{className:"flex gap-1",children:g.map(s=>{let a=l(s);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${s}`}),jsx("code",{className:"max-w-24 text-xs",children:s}),jsx("code",{className:"text-xs",children:a})]},s)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Text Only Colors"}),jsx("div",{className:"flex gap-1",children:jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"flex h-12 w-24 items-center justify-center rounded-sm border",children:jsx("div",{className:"darker-ai-purple text-sm font-bold italic",children:"AI Gradient"})}),jsx("code",{className:"max-w-24 text-xs",children:"darker-ai-purple"})]})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Background Only Colors"}),jsxs("div",{className:"flex gap-1",children:[jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-glass h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-glass"})]}),jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-gradient-light h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-gradient-light"})]}),jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-gradient-medium h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-gradient-medium"})]}),jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-gradient-bg h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-gradient-bg"})]}),jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-lightpolaris-gradient h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-lightpolaris-gradient"})]}),jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-darkpolaris-gradient h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-darkpolaris-gradient"})]}),jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-glass-surface h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-glass-surface"})]})]})]})]})]})};export{y as Colors};//# sourceMappingURL=colors.js.map
+import'../../chunk-RFBBAUMM.js';import {LuInfo}from'react-icons/lu';import {jsxs,jsx}from'react/jsx-runtime';var t=d=>{let a=d.match(/\d+/g);if(!a)return null;let[o,c,m]=a.map(Number);return `#${((1<<24)+(o<<16)+(c<<8)+m).toString(16).slice(1).toUpperCase()}`},l=d=>{let a=document.createElement("div");a.className=d,document.body.appendChild(a);let o=window.getComputedStyle(a).backgroundColor;return document.body.removeChild(a),t(o)},g=["bg-primary","bg-secondary","bg-white","bg-dark-green","bg-green","bg-gold","bg-red","bg-purple"],x=["bg-white","bg-eggshell","bg-black"],i=["bg-green-100","bg-green-200","bg-green-300","bg-green-400","bg-green-500","bg-green-600","bg-green-700","bg-green-800","bg-green-900"],n=["bg-gray-100","bg-gray-200","bg-gray-300","bg-gray-400","bg-gray-500","bg-gray-600","bg-gray-700","bg-gray-800","bg-gray-900"],b=["bg-gold-100","bg-gold-200","bg-gold-300","bg-gold-400","bg-gold-500","bg-gold-900"],v=["bg-red-100","bg-red-200","bg-red-300","bg-red-400","bg-red-500","bg-red-600"],N=["bg-purple-100","bg-purple-200","bg-purple-300","bg-purple-400","bg-purple-500"],f=["bg-moss-100","bg-moss-200","bg-moss-300","bg-moss-400","bg-moss-500","bg-moss-900"],p=["bg-sky-100","bg-sky-200","bg-sky-300","bg-sky-400","bg-sky-500","bg-sky-900"],h=["bg-clay-100","bg-clay-200","bg-clay-300"],u=["bg-cream-100","bg-cream-200","bg-cream-300"],w={render:()=>jsxs("div",{className:"p-4",children:[jsx("h2",{className:"text-display-sm mb-4 font-bold",children:"All Colors"}),jsxs("div",{className:"mb-4 flex items-baseline gap-2 rounded-md border border-green-500 bg-green-100 px-4 py-3 text-green-900",children:[jsx(LuInfo,{className:"translate-y-0.5"}),jsx("strong",{children:"Info:"})," ",jsxs("div",{children:["all colors can be used as background color (",jsx("code",{className:"text-primary rounded-sm bg-green-300 p-1 text-sm",children:"bg-*"}),"), text color (",jsx("code",{className:"text-primary rounded-sm bg-green-300 p-1 text-sm",children:"text-*"}),"), border color (",jsx("code",{className:"text-primary rounded-sm bg-green-300 p-1 text-sm",children:"border-*"}),"), etc., except for the text-only and background-only colors."]})]}),jsxs("div",{className:"flex flex-col gap-4",children:[jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Base"}),jsx("div",{className:"flex gap-1",children:x.map(d=>{let a=l(d);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsx("code",{className:"text-xs",children:d}),jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Green"}),jsx("div",{className:"flex gap-1",children:i.map(d=>{let a=l(d);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsx("code",{className:"text-xs",children:d}),jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Gray"}),jsx("div",{className:"flex gap-1",children:n.map(d=>{let a=l(d);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsx("code",{className:"text-xs",children:d}),jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Gold"}),jsx("div",{className:"flex gap-1",children:b.map(d=>{let a=l(d);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsx("code",{className:"text-xs",children:d}),jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Red"}),jsx("div",{className:"flex gap-1",children:v.map(d=>{let a=l(d);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsx("code",{className:"text-xs",children:d}),jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Purple"}),jsx("div",{className:"flex gap-1",children:N.map(d=>{let a=l(d);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsx("code",{className:"text-xs",children:d}),jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Moss"}),jsx("div",{className:"flex gap-1",children:f.map(d=>{let a=l(d);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsx("code",{className:"text-xs",children:d}),jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Sky"}),jsx("div",{className:"flex gap-1",children:p.map(d=>{let a=l(d);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsx("code",{className:"text-xs",children:d}),jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Clay"}),jsx("div",{className:"flex gap-1",children:h.map(d=>{let a=l(d);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsx("code",{className:"text-xs",children:d}),jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Cream"}),jsx("div",{className:"flex gap-1",children:u.map(d=>{let a=l(d);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsx("code",{className:"text-xs",children:d}),jsx("code",{className:"text-xs",children:a})]},d)})})]})]}),jsx("h2",{className:"text-display-sm mt-12 mb-4 font-bold",children:"Semantic Colors"}),jsxs("div",{className:"flex flex-col gap-4",children:[jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Common Colors"}),jsx("div",{className:"flex gap-1",children:g.map(d=>{let a=l(d);return jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:`h-12 w-24 rounded-sm border ${d}`}),jsx("code",{className:"max-w-24 text-xs",children:d}),jsx("code",{className:"text-xs",children:a})]},d)})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Text Only Colors"}),jsx("div",{className:"flex gap-1",children:jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"flex h-12 w-24 items-center justify-center rounded-sm border",children:jsx("div",{className:"darker-ai-purple text-sm font-bold italic",children:"AI Gradient"})}),jsx("code",{className:"max-w-24 text-xs",children:"darker-ai-purple"})]})})]}),jsxs("div",{className:"flex flex-col gap-2",children:[jsx("h3",{className:"font-bold",children:"Background Only Colors"}),jsxs("div",{className:"flex gap-1",children:[jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-glass h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-glass"})]}),jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-gradient-light h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-gradient-light"})]}),jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-gradient-medium h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-gradient-medium"})]}),jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-gradient-bg h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-gradient-bg"})]}),jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-lightpolaris-gradient h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-lightpolaris-gradient"})]}),jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-darkpolaris-gradient h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-darkpolaris-gradient"})]}),jsxs("div",{className:"flex flex-col",children:[jsx("div",{className:"bg-glass-surface h-12 w-24 rounded-sm border"}),jsx("code",{className:"max-w-24 text-xs",children:"bg-glass-surface"})]})]})]})]})]})};export{w as Colors};//# sourceMappingURL=colors.js.map
 //# sourceMappingURL=colors.js.map

package/dist/v2/theme-stories/colors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/v2/theme-stories/colors.tsx"],"names":["rgbToHex","rgb","result","r","g","b","getComputedTailwindColor","colorClass","element","rgbColor","commonColors","baseColors","greens","grayColors","goldColors","redColors","purpleColors","mossColors","skyColors","clayColors","Colors","jsxs","jsx","LuInfo","hexColor"],"mappings":"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","file":"colors.js","sourcesContent":["/* eslint-disable no-bitwise */\nimport { StoryObj } from '@storybook/react';\nimport { LuInfo } from 'react-icons/lu';\n\nconst rgbToHex = (rgb: string) => {\n  const result = rgb.match(/\\d+/g); // Extract numeric values\n  if (!result) return null;\n\n  const [r, g, b] = result.map(Number);\n  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase()}`;\n};\n\nconst getComputedTailwindColor = (colorClass: string) => {\n  const element = document.createElement('div');\n  element.className = colorClass;\n  document.body.appendChild(element);\n\n  const rgbColor = window.getComputedStyle(element).backgroundColor;\n  document.body.removeChild(element);\n\n  return rgbToHex(rgbColor);\n};\n\nconst commonColors = [\n  'bg-primary',\n  'bg-secondary',\n  'bg-white',\n  'bg-dark-green',\n  'bg-green',\n  'bg-gold',\n  'bg-red',\n  'bg-purple',\n];\n\nconst baseColors = ['bg-white', 'bg-eggshell', 'bg-black'];\n\nconst greens = [\n  'bg-green-100',\n  'bg-green-200',\n  'bg-green-300',\n  'bg-green-400',\n  'bg-green-500',\n  'bg-green-600',\n  'bg-green-700',\n  'bg-green-800',\n  'bg-green-900',\n];\n\nconst grayColors = [\n  'bg-gray-100',\n  'bg-gray-200',\n  'bg-gray-300',\n  'bg-gray-400',\n  'bg-gray-500',\n  'bg-gray-600',\n  'bg-gray-700',\n  'bg-gray-800',\n  'bg-gray-900',\n];\n\nconst goldColors = [\n  'bg-gold-100',\n  'bg-gold-200',\n  'bg-gold-300',\n  'bg-gold-400',\n  'bg-gold-500',\n  'bg-gold-900',\n];\n\nconst redColors = [\n  'bg-red-100',\n  'bg-red-200',\n  'bg-red-300',\n  'bg-red-400',\n  'bg-red-500',\n  'bg-red-600',\n];\n\nconst purpleColors = [\n  'bg-purple-100',\n  'bg-purple-200',\n  'bg-purple-300',\n  'bg-purple-400',\n  'bg-purple-500',\n];\n\nconst mossColors = [\n  'bg-moss-100',\n  'bg-moss-200',\n  'bg-moss-300',\n  'bg-moss-400',\n  'bg-moss-500',\n  'bg-moss-900',\n];\n\nconst skyColors = [\n  'bg-sky-100',\n  'bg-sky-200',\n  'bg-sky-300',\n  'bg-sky-400',\n  'bg-sky-500',\n  'bg-sky-900',\n];\n\nconst clayColors = ['bg-clay-100', 'bg-clay-200', 'bg-clay-300'];\n\nexport const Colors: StoryObj = {\n  render: () => (\n    <div className=\"p-4\">\n      <h2 className=\"text-display-sm mb-4 font-bold\">All Colors</h2>\n\n      <div className=\"mb-4 flex items-baseline gap-2 rounded-md border border-green-500 bg-green-100 px-4 py-3 text-green-900\">\n        <LuInfo className=\"translate-y-0.5\" />\n        <strong>Info:</strong>{' '}\n        <div>\n          all colors can be used as background color (\n          <code className=\"text-primary rounded-sm bg-green-300 p-1 text-sm\">bg-*</code>), text\n          color (<code className=\"text-primary rounded-sm bg-green-300 p-1 text-sm\">text-*</code>),\n          border color (\n          <code className=\"text-primary rounded-sm bg-green-300 p-1 text-sm\">border-*</code>), etc.,\n          except for the text-only and background-only colors.\n        </div>\n      </div>\n\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Base</h3>\n          <div className=\"flex gap-1\">\n            {baseColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Green</h3>\n          <div className=\"flex gap-1\">\n            {greens.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Gray</h3>\n          <div className=\"flex gap-1\">\n            {grayColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Gold</h3>\n          <div className=\"flex gap-1\">\n            {goldColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Red</h3>\n          <div className=\"flex gap-1\">\n            {redColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Purple</h3>\n          <div className=\"flex gap-1\">\n            {purpleColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Moss</h3>\n          <div className=\"flex gap-1\">\n            {mossColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Sky</h3>\n          <div className=\"flex gap-1\">\n            {skyColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Clay</h3>\n          <div className=\"flex gap-1\">\n            {clayColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n\n      <h2 className=\"text-display-sm mt-12 mb-4 font-bold\">Semantic Colors</h2>\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Common Colors</h3>\n          <div className=\"flex gap-1\">\n            {commonColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"max-w-24 text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Text Only Colors</h3>\n          <div className=\"flex gap-1\">\n            <div className=\"flex flex-col\">\n              <div className=\"flex h-12 w-24 items-center justify-center rounded-sm border\">\n                <div className=\"darker-ai-purple text-sm font-bold italic\">AI Gradient</div>\n              </div>\n              <code className=\"max-w-24 text-xs\">darker-ai-purple</code>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Background Only Colors</h3>\n          <div className=\"flex gap-1\">\n            <div className=\"flex flex-col\">\n              <div className=\"bg-glass h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-glass</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-gradient-light h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-gradient-light</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-gradient-medium h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-gradient-medium</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-gradient-bg h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-gradient-bg</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-lightpolaris-gradient h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-lightpolaris-gradient</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-darkpolaris-gradient h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-darkpolaris-gradient</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-glass-surface h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-glass-surface</code>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ),\n};\n"]}
+{"version":3,"sources":["../../../src/v2/theme-stories/colors.tsx"],"names":["rgbToHex","rgb","result","r","g","b","getComputedTailwindColor","colorClass","element","rgbColor","commonColors","baseColors","greens","grayColors","goldColors","redColors","purpleColors","mossColors","skyColors","clayColors","creamColors","Colors","jsxs","jsx","LuInfo","hexColor"],"mappings":"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","file":"colors.js","sourcesContent":["/* eslint-disable no-bitwise */\nimport { StoryObj } from '@storybook/react';\nimport { LuInfo } from 'react-icons/lu';\n\nconst rgbToHex = (rgb: string) => {\n  const result = rgb.match(/\\d+/g); // Extract numeric values\n  if (!result) return null;\n\n  const [r, g, b] = result.map(Number);\n  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase()}`;\n};\n\nconst getComputedTailwindColor = (colorClass: string) => {\n  const element = document.createElement('div');\n  element.className = colorClass;\n  document.body.appendChild(element);\n\n  const rgbColor = window.getComputedStyle(element).backgroundColor;\n  document.body.removeChild(element);\n\n  return rgbToHex(rgbColor);\n};\n\nconst commonColors = [\n  'bg-primary',\n  'bg-secondary',\n  'bg-white',\n  'bg-dark-green',\n  'bg-green',\n  'bg-gold',\n  'bg-red',\n  'bg-purple',\n];\n\nconst baseColors = ['bg-white', 'bg-eggshell', 'bg-black'];\n\nconst greens = [\n  'bg-green-100',\n  'bg-green-200',\n  'bg-green-300',\n  'bg-green-400',\n  'bg-green-500',\n  'bg-green-600',\n  'bg-green-700',\n  'bg-green-800',\n  'bg-green-900',\n];\n\nconst grayColors = [\n  'bg-gray-100',\n  'bg-gray-200',\n  'bg-gray-300',\n  'bg-gray-400',\n  'bg-gray-500',\n  'bg-gray-600',\n  'bg-gray-700',\n  'bg-gray-800',\n  'bg-gray-900',\n];\n\nconst goldColors = [\n  'bg-gold-100',\n  'bg-gold-200',\n  'bg-gold-300',\n  'bg-gold-400',\n  'bg-gold-500',\n  'bg-gold-900',\n];\n\nconst redColors = [\n  'bg-red-100',\n  'bg-red-200',\n  'bg-red-300',\n  'bg-red-400',\n  'bg-red-500',\n  'bg-red-600',\n];\n\nconst purpleColors = [\n  'bg-purple-100',\n  'bg-purple-200',\n  'bg-purple-300',\n  'bg-purple-400',\n  'bg-purple-500',\n];\n\nconst mossColors = [\n  'bg-moss-100',\n  'bg-moss-200',\n  'bg-moss-300',\n  'bg-moss-400',\n  'bg-moss-500',\n  'bg-moss-900',\n];\n\nconst skyColors = [\n  'bg-sky-100',\n  'bg-sky-200',\n  'bg-sky-300',\n  'bg-sky-400',\n  'bg-sky-500',\n  'bg-sky-900',\n];\n\nconst clayColors = ['bg-clay-100', 'bg-clay-200', 'bg-clay-300'];\nconst creamColors = ['bg-cream-100', 'bg-cream-200', 'bg-cream-300'];\n\nexport const Colors: StoryObj = {\n  render: () => (\n    <div className=\"p-4\">\n      <h2 className=\"text-display-sm mb-4 font-bold\">All Colors</h2>\n\n      <div className=\"mb-4 flex items-baseline gap-2 rounded-md border border-green-500 bg-green-100 px-4 py-3 text-green-900\">\n        <LuInfo className=\"translate-y-0.5\" />\n        <strong>Info:</strong>{' '}\n        <div>\n          all colors can be used as background color (\n          <code className=\"text-primary rounded-sm bg-green-300 p-1 text-sm\">bg-*</code>), text\n          color (<code className=\"text-primary rounded-sm bg-green-300 p-1 text-sm\">text-*</code>),\n          border color (\n          <code className=\"text-primary rounded-sm bg-green-300 p-1 text-sm\">border-*</code>), etc.,\n          except for the text-only and background-only colors.\n        </div>\n      </div>\n\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Base</h3>\n          <div className=\"flex gap-1\">\n            {baseColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Green</h3>\n          <div className=\"flex gap-1\">\n            {greens.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Gray</h3>\n          <div className=\"flex gap-1\">\n            {grayColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Gold</h3>\n          <div className=\"flex gap-1\">\n            {goldColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Red</h3>\n          <div className=\"flex gap-1\">\n            {redColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Purple</h3>\n          <div className=\"flex gap-1\">\n            {purpleColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Moss</h3>\n          <div className=\"flex gap-1\">\n            {mossColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Sky</h3>\n          <div className=\"flex gap-1\">\n            {skyColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Clay</h3>\n          <div className=\"flex gap-1\">\n            {clayColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Cream</h3>\n          <div className=\"flex gap-1\">\n            {creamColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </div>\n\n      <h2 className=\"text-display-sm mt-12 mb-4 font-bold\">Semantic Colors</h2>\n      <div className=\"flex flex-col gap-4\">\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Common Colors</h3>\n          <div className=\"flex gap-1\">\n            {commonColors.map((colorClass) => {\n              const hexColor = getComputedTailwindColor(colorClass);\n              return (\n                <div key={colorClass} className=\"flex flex-col\">\n                  <div className={`h-12 w-24 rounded-sm border ${colorClass}`} />\n                  <code className=\"max-w-24 text-xs\">{colorClass}</code>\n                  <code className=\"text-xs\">{hexColor}</code>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Text Only Colors</h3>\n          <div className=\"flex gap-1\">\n            <div className=\"flex flex-col\">\n              <div className=\"flex h-12 w-24 items-center justify-center rounded-sm border\">\n                <div className=\"darker-ai-purple text-sm font-bold italic\">AI Gradient</div>\n              </div>\n              <code className=\"max-w-24 text-xs\">darker-ai-purple</code>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <h3 className=\"font-bold\">Background Only Colors</h3>\n          <div className=\"flex gap-1\">\n            <div className=\"flex flex-col\">\n              <div className=\"bg-glass h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-glass</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-gradient-light h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-gradient-light</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-gradient-medium h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-gradient-medium</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-gradient-bg h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-gradient-bg</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-lightpolaris-gradient h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-lightpolaris-gradient</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-darkpolaris-gradient h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-darkpolaris-gradient</code>\n            </div>\n            <div className=\"flex flex-col\">\n              <div className=\"bg-glass-surface h-12 w-24 rounded-sm border\" />\n              <code className=\"max-w-24 text-xs\">bg-glass-surface</code>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  ),\n};\n"]}