@accelint/design-toolkit 0.0.1

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,61 @@
+# Accelint Design Toolkit
+
+This is the Accelint Design Toolkit, an open-source component library to serve as part of the entire ecosystem of UX for Accelint.
+
+## Running locally
+
+To run the local Storybook instance
+
+```bash
+pnpm i
+
+pnpm --filter=@accelint/design-toolkit preview
+```
+
+If you run into errors, try running
+`pnpm build` after you install the dependencies and then run the preview command again. If you don't have pnpm enabled then you can enable it with the command
+[`corepack enable pnpm`](https://pnpm.io/installation#using-corepack) .
+
+## Run a local build
+
+```bash
+pnpm --filter=@accelint/design-toolkit run build
+```
+
+## Run local example app
+
+To demonstrate usage in a Nextjs app:
+
+```bash
+pnpm --filter "*apps/next" run dev
+```
+
+## Helpful extensions for VSCode
+If you use Visual Studio Code, there are some helpful extensions you can install when working with Tailwind and Biome.
+
+- [`Biome`](https://marketplace.visualstudio.com/items/?itemName=biomejs.biome)
+- [`Tailwind CSS Intellisense`](https://marketplace.visualstudio.com/items/?itemName=bradlc.vscode-tailwindcss)
+- [`Class Collapse`](https://marketplace.visualstudio.com/items/?itemName=Etsi0.class-collapse)
+
+Also add the following to your `settings.json` file for VSCode:
+```json
+    "editor.codeActionsOnSave": {
+        "quickfix.biome": "explicit"
+    },
+    "tailwindCSS.includeLanguages": {
+        "javascript": "javascript",
+        "javascriptreact": "javascriptreact",
+        "typescript": "typescript",
+        "typescriptreact": "typescriptreact",
+        "html": "html"
+    },
+    "tailwindCSS.experimental.classRegex": [
+        ["/\\*tw\\*/ '([^']*)'"],
+        ["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
+        ["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"],
+        ["className\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+    ],
+    "files.associations": {
+        "*.css": "tailwindcss"
+    }
+```

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

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { VariantProps } from 'cva';
+import React from 'react';
+
+declare const avatarStyles: (props?: ({
+    size?: "small" | "medium" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface AvatarProps extends React.ComponentProps<typeof AvatarPrimitive.Image>, VariantProps<typeof avatarStyles> {
+    fallback?: React.ReactNode;
+    fallbackDelay?: number;
+    source?: string | React.ReactNode;
+}
+declare const Avatar: {
+    ({ className, children, fallback, fallbackDelay, source, size, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+    displayAs: string;
+    as(props: VariantProps<typeof avatarStyles>, className?: string | string[]): string;
+};
+
+export { Avatar, type AvatarProps };

package/dist/components/avatar/index.js

@@ -0,0 +1,2 @@
+import {Person}from'./../../icons/person.js';import {cn}from'./../../lib/utils.js';import*as t from'@radix-ui/react-avatar';import'client-only';import {cva}from'cva';import {jsxs,jsx}from'react/jsx-runtime';var l=cva("fg-default-dark flex items-center justify-center overflow-hidden rounded-full bg-surface-overlay",{variants:{size:{medium:"size-[32px] **:[svg]:size-xl",small:"size-xl **:[svg]:size-l"}},defaultVariants:{size:"medium"}}),g=cn(["relative inline-block","[--badge-empty-inset:0_0_auto_auto] [--badge-inset:calc(var(--spacing-xxs)*-1)_calc(var(--spacing-xxs)*-1)_auto_auto] [--badge-position:absolute]"]),v=({className:e,children:i,fallback:s,fallbackDelay:m,source:a,size:p,...c})=>jsxs("div",{className:g,children:[jsxs(t.Root,{className:cn("pointer-events-none inline-block",l({size:p,className:e})),role:"img",children:[typeof a=="string"&&jsx(t.Image,{className:"size-full object-cover object-center",src:typeof a=="string"?a:void 0,...c}),a&&typeof a!="string"?a:jsx(t.Fallback,{delayMs:m,children:s||jsx(Person,{})})]}),i]});v.displayAs="Avatar";v.as=(e,i)=>cn(l({...e,className:i}));export{v as Avatar};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"names":["d","cn","o","className","fallbackDelay","size","n","avatarStyles","r","source","jsx","fallback","Person","children","f","Avatar","props"],"mappings":"+MAqBE,IAAA,CAAA,CAAAA,GAAA,CAAA,kGAEI,CAAA,CAAA,QACE,CAAQ,4CACD,CAAA,KAAA,CAAA,yBAGM,CAAA,CAAA,CAAA,eACT,CACR,CACF,IAG0BC,CAAAA,QAC1B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,EAAA,CAAA,CAAA,uBAEF,CAAA,mJAWE,CAAA,CAAA,CAAAC,CACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,QACA,CAAAC,CAAAA,CAAAA,QAAAA,CAAAA,CAAAA,CAAAA,gBAEAC,MAEF,CAAA,CAAA,CAAA,IACO,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAAC,IAAA,CAAA,KACH,CAAA,CAAA,SAAiB,CAAA,CAAA,CAAA,QACf,CAAA,CAAAA,IAAA,CAAA,CAAA,CAAA,IACE,CACAC,CAAAA,SAAAA,CAAAA,EAAAA,CAAAA,kCAAqB,CAAA,CAAA,CAAA,CAAA,IAAU,CAAC,CAClC,CACA,SAEC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,QAAkB,CAAA,CAAA,OACA,CAAA,EAAA,QACL,EAAAC,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,SAAA,CAAA,uCACa,GAAWC,CAAAA,OAAS,CAC1C,EAAA,SACH,CAEDA,CAAAA,MAAiBA,CAAAA,GAAAA,CAAAA,CAAAA,CAAW,CAC3BA,CAAAA,EAAAA,OAEAC,CAAiB,EAAA,QAAA,CAAA,CAAhB,CAAyBF,GAASJ,CAAAA,CAAAA,CAAAA,QAChCO,CAAAA,CAAAA,OAAAA,CAAsBD,CAACE,CAAAA,SAG9B,CACCC,EAAAA,GAAAA,CACHC,MAEFC,CAAAA,EAAO,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,SACZ,CAAK,QAGJR,CAAAA,CAAAA,CAAa,EAAKS,CAAAA,CAAAA,CAAAA,CAAO,CAAAb,GAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAAA,GAAW,CAAC,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { Person } from '@/icons/person';\nimport { cn } from '@/lib/utils';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport 'client-only';\nimport { type VariantProps, cva } from 'cva';\nimport type React from 'react';\n\nconst avatarStyles = cva(\n  'fg-default-dark flex items-center justify-center overflow-hidden rounded-full bg-surface-overlay',\n  {\n    variants: {\n      size: {\n        medium: 'size-[32px] **:[svg]:size-xl',\n        small: 'size-xl **:[svg]:size-l',\n      },\n    },\n    defaultVariants: {\n      size: 'medium',\n    },\n  },\n);\n\nconst avatarWrapperStyles = cn([\n  'relative inline-block',\n  '[--badge-empty-inset:0_0_auto_auto] [--badge-inset:calc(var(--spacing-xxs)*-1)_calc(var(--spacing-xxs)*-1)_auto_auto] [--badge-position:absolute]',\n]);\n\nexport interface AvatarProps\n  extends React.ComponentProps<typeof AvatarPrimitive.Image>,\n    VariantProps<typeof avatarStyles> {\n  fallback?: React.ReactNode;\n  fallbackDelay?: number;\n  source?: string | React.ReactNode;\n}\n\nexport const Avatar = ({\n  className,\n  children,\n  fallback,\n  fallbackDelay,\n  source,\n  size,\n  ...props\n}: AvatarProps) => (\n  <div className={avatarWrapperStyles}>\n    <AvatarPrimitive.Root\n      className={cn(\n        'pointer-events-none inline-block',\n        avatarStyles({ size, className }),\n      )}\n      role='img'\n    >\n      {typeof source === 'string' && (\n        <AvatarPrimitive.Image\n          className='size-full object-cover object-center'\n          src={typeof source === 'string' ? source : undefined}\n          {...props}\n        />\n      )}\n      {source && typeof source !== 'string' ? (\n        source\n      ) : (\n        <AvatarPrimitive.Fallback delayMs={fallbackDelay}>\n          {fallback ? fallback : <Person />}\n        </AvatarPrimitive.Fallback>\n      )}\n    </AvatarPrimitive.Root>\n    {children}\n  </div>\n);\nAvatar.displayAs = 'Avatar';\nAvatar.as = (\n  props: VariantProps<typeof avatarStyles>,\n  className?: string | string[],\n) => cn(avatarStyles({ ...props, className }));\n"]}

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

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
+import { VariantProps } from 'cva';
+import React from 'react';
+
+declare const badgeStyles: (props?: ({
+    variant?: "info" | "advisory" | "normal" | "serious" | "critical" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface BadgeProps extends VariantProps<typeof badgeStyles>, React.HTMLProps<HTMLSpanElement> {
+    className?: string;
+}
+declare const Badge: {
+    ({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    as(props: VariantProps<typeof badgeStyles>, className?: string | string[]): string;
+};
+
+export { Badge, type BadgeProps };

package/dist/components/badge/index.js

@@ -0,0 +1,2 @@
+import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {jsx}from'react/jsx-runtime';var a=cva(cn(["fg-default-light inline-flex h-l min-w-l items-center justify-center rounded-full border px-xs text-body-xs empty:size-s empty:min-w-none empty:px-none","[inset:var(--badge-inset,initial)] [position:var(--badge-position,initial)] empty:[inset:var(--badge-empty-inset,initial)]"]),{variants:{variant:{advisory:"border-advisory-bold bg-advisory-subtle",critical:"border-critical bg-critical-subtle",serious:"border-serious bg-serious-subtle",normal:"border-normal bg-normal-subtle",info:"border-info-bold bg-info-subtle"}},defaultVariants:{variant:"info"}}),r=({className:e,variant:t,...s})=>jsx("span",{className:cn(a({variant:t,className:e})),...s});r.displayName="Badge";r.as=(e,t)=>cn(a({...e,className:t}));export{r as Badge};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/badge/index.tsx"],"names":["o","i","variant","n","props","Badge","className","cn","badgeStyles"],"mappings":"gGAiBK,IACD,CACA,CAAAA,GAAA,CAAAC,EAAA,CAAA,CAAA,yJAAA,CAAA,4HAGU,CAAA,CAAA,CAAA,CAAA,iBAEN,CAAA,CAAA,kDACU,CAAA,QAAA,CAAA,4CAEV,CAAA,kCAAA,CAAQ,MACR,CAAA,yFAIF,CAAA,CAAA,OACF,CACF,MASoB,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAWC,CAAAA,CAAAA,CAAAA,OAAkB,CAAA,CAAA,CAAA,GAClD,CAAA,CAAA,GAAAC,GAAA,CAAA,iBAGKD,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAAA,qBAIAE,CACN,CAAA,CAAA,CAEFC,GAAoB,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,OAElBD,EACAE,CACGC,EAAAA,CAAAA,CAAAA,CAAGC,EAAY,GAAEP,EAAGG,EAAO,CAAAE,CAAAA,GAAAA,CAAAA,CAAAA,SAAY,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport type React from 'react';\n\nconst badgeStyles = cva(\n  cn([\n    'fg-default-light inline-flex h-l min-w-l items-center justify-center rounded-full border px-xs text-body-xs empty:size-s empty:min-w-none empty:px-none',\n    '[inset:var(--badge-inset,initial)] [position:var(--badge-position,initial)] empty:[inset:var(--badge-empty-inset,initial)]',\n  ]),\n  {\n    variants: {\n      variant: {\n        advisory: 'border-advisory-bold bg-advisory-subtle',\n        critical: 'border-critical bg-critical-subtle',\n        serious: 'border-serious bg-serious-subtle',\n        normal: 'border-normal bg-normal-subtle',\n        info: 'border-info-bold bg-info-subtle',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends VariantProps<typeof badgeStyles>,\n    React.HTMLProps<HTMLSpanElement> {\n  className?: string;\n}\n\nexport const Badge = ({ className, variant, ...props }: BadgeProps) => (\n  <span\n    className={cn(\n      badgeStyles({\n        variant,\n        className,\n      }),\n    )}\n    {...props}\n  />\n);\nBadge.displayName = 'Badge';\nBadge.as = (\n  props: VariantProps<typeof badgeStyles>,\n  className?: string | string[],\n) => cn(badgeStyles({ ...props, className }));\n"]}

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: React.ElementType;
+    /** When true, apply flex display */
+    flex?: boolean;
+    /** Flex direction: 'row' or 'col' */
+    direction?: 'row' | 'col';
+    /** Horizontal alignment in flex container */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /** Vertical alignment in flex container */
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    /** Gap between children (matches Tailwind's spacing scale) */
+    gap?: number;
+}
+declare const Box: ({ as: Component, className, flex, direction, justify, align, gap, children, ...rest }: BoxProps) => react_jsx_runtime.JSX.Element;
+
+export { Box, type BoxProps };

package/dist/components/box/index.js

@@ -0,0 +1,2 @@
+import {cx}from'cva';import {jsx}from'react/jsx-runtime';var u=({as:r="div",className:o,flex:e,direction:a="row",justify:t,align:n,gap:s,children:c,...i})=>{let l=cx(e&&"flex",e&&(a==="col"?"flex-col":"flex-row"),t&&{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"}[t],n&&{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"}[n],s!==void 0&&`gap-${s}`,o);return jsx(r,{className:l,...i,children:c})};export{u as Box};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/box/index.tsx"],"names":["Box","Component","className","flex","direction","justify","align","gap","children","rest","classes","cx","jsx"],"mappings":"6DA4BaA,CAAM,CAAA,CAAC,CAClB,EAAIC,CAAAA,CAAAA,CAAY,MAChB,SAAAC,CAAAA,CAAAA,CACA,KAAAC,CACA,CAAA,SAAA,CAAAC,EAAY,KACZ,CAAA,OAAA,CAAAC,EACA,KAAAC,CAAAA,CAAAA,CACA,IAAAC,CACA,CAAA,QAAA,CAAAC,EACA,GAAGC,CACL,IAAgB,CACd,IAAMC,EAAUC,EACdR,CAAAA,CAAAA,EAAQ,OACRA,CAASC,GAAAA,CAAAA,GAAc,MAAQ,UAAa,CAAA,UAAA,CAAA,CAC5CC,GACE,CACE,KAAA,CAAO,gBACP,MAAQ,CAAA,gBAAA,CACR,IAAK,aACL,CAAA,OAAA,CAAS,kBACT,MAAQ,CAAA,gBAAA,CACR,OAAQ,gBACV,CAAA,CAAEA,CAAO,CACXC,CAAAA,CAAAA,EACE,CACE,KAAO,CAAA,aAAA,CACP,OAAQ,cACR,CAAA,GAAA,CAAK,YACL,OAAS,CAAA,eAAA,CACT,SAAU,gBACZ,CAAA,CAAEA,CAAK,CACTC,CAAAA,CAAAA,GAAQ,QAAa,CAAOA,IAAAA,EAAAA,CAAG,GAC/BL,CACF,CAAA,CAEA,OACEU,GAACX,CAAAA,CAAAA,CAAA,CAAU,SAAWS,CAAAA,CAAAA,CAAU,GAAGD,CAChC,CAAA,QAAA,CAAAD,EACH,CAEJ","file":"index.js","sourcesContent":["import { cx } from 'cva';\n/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport type React from 'react';\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType;\n  /** When true, apply flex display */\n  flex?: boolean;\n  /** Flex direction: 'row' or 'col' */\n  direction?: 'row' | 'col';\n  /** Horizontal alignment in flex container */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n  /** Vertical alignment in flex container */\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  /** Gap between children (matches Tailwind's spacing scale) */\n  gap?: number;\n}\n\nexport const Box = ({\n  as: Component = 'div',\n  className,\n  flex,\n  direction = 'row',\n  justify,\n  align,\n  gap,\n  children,\n  ...rest\n}: BoxProps) => {\n  const classes = cx(\n    flex && 'flex',\n    flex && (direction === 'col' ? 'flex-col' : 'flex-row'),\n    justify &&\n      {\n        start: 'justify-start',\n        center: 'justify-center',\n        end: 'justify-end',\n        between: 'justify-between',\n        around: 'justify-around',\n        evenly: 'justify-evenly',\n      }[justify],\n    align &&\n      {\n        start: 'items-start',\n        center: 'items-center',\n        end: 'items-end',\n        stretch: 'items-stretch',\n        baseline: 'items-baseline',\n      }[align],\n    gap !== undefined && `gap-${gap}`,\n    className,\n  );\n\n  return (\n    <Component className={classes} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"]}

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

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
+import { VariantProps } from 'cva';
+import { ButtonProps as ButtonProps$1 } from 'react-aria-components';
+
+declare const buttonStyles: (props?: ({
+    variant?: "critical" | "primary" | "flat" | "outline" | "destructive" | null | undefined;
+    size?: "small" | "medium" | "large" | "xsmall" | null | undefined;
+    isDisabled?: boolean | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface ButtonProps extends Omit<ButtonProps$1, 'isDisabled'>, VariantProps<typeof buttonStyles> {
+    isDisabled?: boolean;
+}
+declare const Button: {
+    ({ className, isDisabled, variant, size, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    as(props: VariantProps<typeof buttonStyles>, className?: string | string[]): string;
+};
+
+export { Button, type ButtonProps };

package/dist/components/button/index.js

@@ -0,0 +1,2 @@
+import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Button,composeRenderProps}from'react-aria-components';import {jsx}from'react/jsx-runtime';var i=cva("inline-flex cursor-pointer items-center justify-center whitespace-nowrap outline-none [--icon-size:20px]",{variants:{variant:{primary:"fg-inverse-light rounded-medium ai-pressed:bg-interactive-hover-light bg-interactive-default hover:bg-interactive-hover-light",outline:"fg-default-light rounded-medium border ai-pressed:border-interactive-hover border-interactive hover:border-interactive-hover",flat:"fg-default-light rounded-medium ai-pressed:bg-interactive-hover-dark bg-transparent hover:bg-interactive-hover-dark",destructive:"fg-inverse-light rounded-medium ai-pressed:bg-serious-hover bg-serious-bold hover:bg-serious-hover",critical:"fg-default-light rounded-medium ai-pressed:bg-critical-hover bg-critical-bold hover:bg-critical-hover"},size:{large:"min-h-xxl gap-xs rounded-medium px-l py-s text-button-l [--icon-size:24px]",medium:"min-h-[32px] gap-xs rounded-medium px-l py-xs text-button-m [--icon-size:20px]",small:"min-h-xl gap-xxs p-s text-button-s [--icon-size:16px]",xsmall:"min-h-[20px] gap-xxs px-s py-xs text-button-xs [--icon-size:12px]"},isDisabled:{true:"fg-disabled hover:fg-disabled cursor-not-allowed bg-interactive-disabled hover:bg-interactive-disabled",false:""}},compoundVariants:[{variant:"outline",isDisabled:true,className:"fg-disabled hover:fg-disabled cursor-not-allowed border-interactive-disabled bg-transparent hover:bg-transparent"},{variant:"flat",isDisabled:true,className:"fg-disabled hover:fg-disabled cursor-not-allowed bg-transparent hover:bg-transparent"}],defaultVariants:{isDisabled:false,variant:"primary",size:"medium"}}),a=({className:t,isDisabled:e,variant:s,size:o,...n})=>jsx(Button,{className:composeRenderProps(t,d=>cn("w-content",i({isDisabled:e,variant:s,size:o,className:d}))),isDisabled:e,...n});a.displayName="Button";a.as=(t,e)=>cn(i({...t,className:e}));export{a as Button};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["l","size","jsx","AriaButton","b","p","cn","r","isDisabled","variant","props","Button","className","buttonStyles"],"mappings":"8JAoBE,IAAA,CAAA,CAAAA,GAAA,CAAA,0GAEE,CAAA,CAAA,QACW,CAAA,CAAA,OAEL,CAAA,CAAA,OAAA,CAAA,+HAEA,CAAA,OAAA,CAAA,8HACI,CAAA,IAAA,CAAA,iIAGN,CAAA,oGAAA,CAAA,QAEF,CAAA,uGACM,CACJ,CACE,IAAA,CAAA,CAAA,KAAA,CAAA,6EAEA,MACF,CAAA,gFAAO,CACP,KAAA,CAAA,uDAAA,CACE,MACJ,CAAA,mEACY,CAAA,CAAA,UACJ,CACN,CAAA,IAAA,CAAA,wGAAO,CACT,KAEF,CAAA,EAAA,CAAA,CAAA,CAAA,0BAGI,CAAA,SAAA,CAAA,UACA,CAAA,IAAA,CAAA,4HAIS,CAAA,CAAA,CAAA,OAAA,CACT,iBACA,CAAA,IAAA,CAAA,SAEF,CAAA,sFAEF,CAAA,CAAA,CAAA,eACE,CAAA,CAAA,UACS,CAAA,KAAA,CAAA,OAAA,CAAA,SACH,CAAA,IAAA,CAAA,QAWW,CACrB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,OACA,CAAAC,EACA,IACF,CACEC,CAAAA,CAAAA,GAACC,EAAA,GACCC,GAAA,CAAAC,MAAA,CAAA,CAAA,UACEC,kBACE,CAAA,CAAA,CAAA,CAAA,EAAAC,EAAA,CAAA,WAEEC,CAAAA,CAAAA,CAAAA,CAAAA,UACAC,CAAAA,CAAAA,CAAAA,QACAR,CACA,CAAA,IAAA,CAAA,CAAA,CAAA,SAIN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UACIS,CACN,CAEFC,CAAAA,GAAqB,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,QAEnBD,CACAE,CAAAA,CAAAA,EAAAA,CACGN,CAAGO,CAAAA,CAAAA,CAAa,GAAKH,EAAAA,CAAAA,CAAO,CAAAE,CAAAA,GAAAA,CAAAA,CAAAA,SAAY,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n  composeRenderProps,\n} from 'react-aria-components';\n\nconst buttonStyles = cva(\n  'inline-flex cursor-pointer items-center justify-center whitespace-nowrap outline-none [--icon-size:20px]',\n  {\n    variants: {\n      variant: {\n        primary:\n          'fg-inverse-light rounded-medium ai-pressed:bg-interactive-hover-light bg-interactive-default hover:bg-interactive-hover-light',\n        outline:\n          'fg-default-light rounded-medium border ai-pressed:border-interactive-hover border-interactive hover:border-interactive-hover',\n        flat: 'fg-default-light rounded-medium ai-pressed:bg-interactive-hover-dark bg-transparent hover:bg-interactive-hover-dark',\n        destructive:\n          'fg-inverse-light rounded-medium ai-pressed:bg-serious-hover bg-serious-bold hover:bg-serious-hover',\n        critical:\n          'fg-default-light rounded-medium ai-pressed:bg-critical-hover bg-critical-bold hover:bg-critical-hover',\n      },\n      size: {\n        large:\n          'min-h-xxl gap-xs rounded-medium px-l py-s text-button-l [--icon-size:24px]',\n        medium:\n          'min-h-[32px] gap-xs rounded-medium px-l py-xs text-button-m [--icon-size:20px]',\n        small: 'min-h-xl gap-xxs p-s text-button-s [--icon-size:16px]',\n        xsmall:\n          'min-h-[20px] gap-xxs px-s py-xs text-button-xs [--icon-size:12px]',\n      },\n      isDisabled: {\n        true: 'fg-disabled hover:fg-disabled cursor-not-allowed bg-interactive-disabled hover:bg-interactive-disabled',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'outline',\n        isDisabled: true,\n        className:\n          'fg-disabled hover:fg-disabled cursor-not-allowed border-interactive-disabled bg-transparent hover:bg-transparent',\n      },\n      {\n        variant: 'flat',\n        isDisabled: true,\n        className:\n          'fg-disabled hover:fg-disabled cursor-not-allowed bg-transparent hover:bg-transparent',\n      },\n    ],\n    defaultVariants: {\n      isDisabled: false,\n      variant: 'primary',\n      size: 'medium',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends Omit<AriaButtonProps, 'isDisabled'>,\n    VariantProps<typeof buttonStyles> {\n  isDisabled?: boolean;\n}\n\nexport const Button = ({\n  className,\n  isDisabled,\n  variant,\n  size,\n  ...props\n}: ButtonProps) => (\n  <AriaButton\n    className={composeRenderProps(className, (className) =>\n      cn(\n        'w-content',\n        buttonStyles({\n          isDisabled,\n          variant,\n          size,\n          className,\n        }),\n      ),\n    )}\n    isDisabled={isDisabled}\n    {...props}\n  />\n);\nButton.displayName = 'Button';\nButton.as = (\n  props: VariantProps<typeof buttonStyles>,\n  className?: string | string[],\n) => cn(buttonStyles({ ...props, className }));\n"]}

package/dist/components/classification-badge/index.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
+import { VariantProps } from 'cva';
+import { ReactNode } from 'react';
+
+declare const classificationBadge: (props?: ({
+    variant?: "missing" | "unclassified" | "cui" | "confidential" | "secret" | "top-secret" | "top-secret-sci" | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface ClassificationBadgeProps extends VariantProps<typeof classificationBadge> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const ClassificationBadge: {
+    ({ className, size, variant, ...props }: ClassificationBadgeProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    as(props: VariantProps<typeof classificationBadge>, className?: string | string[]): string;
+};
+
+export { ClassificationBadge, type ClassificationBadgeProps };

package/dist/components/classification-badge/index.js

@@ -0,0 +1,2 @@
+import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {jsx}from'react/jsx-runtime';var s=cva("inline-flex items-center justify-center rounded-full uppercase",{variants:{variant:{missing:"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']",unclassified:"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","top-secret-sci":"fg-inverse-light bg-classification-top-secret-sci [&:empty]:before:content-['TS/SCI']"},size:{medium:"px-s py-xs text-header-s",small:"px-s py-xs text-header-xs"}},defaultVariants:{variant:"missing",size:"medium"}}),a=({className:e,size:i,variant:n,...c})=>jsx("span",{className:cn(s({size:i,variant:n,className:e})),...c});a.displayName="ClassificationBadge";a.as=(e,i)=>cn(s({...e,className:i}));export{a as ClassificationBadge};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/classification-badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["size","variant","r","props","ClassificationBadge","className","cn","classificationBadge"],"mappings":"0KAmBI,CAAA,CAAA,QACW,CAAA,CAAA,OAEL,CAAA,CAAA,OAAA,CAAA,4EAEA,CAAA,YAAA,CAAA,sFAEF,CAAA,GAAA,CAAA,yEAAA,CAAA,wGAGE,CAAA,MAAA,CAAA,4FAGF,CAAA,uFAAA,CAAA,wGAGI,CACJ,CAAQ,IAAA,CAAA,CAAA,MAAA,CAAA,0BACD,CACT,KAAA,CAAA,2BAEe,CAAA,CAAA,CAAA,eACN,CAAA,CAAA,OAAA,CAAA,SACH,CAAA,IAAA,CAAA,QAWwB,CAClC,gBACA,CAAAA,EACA,IAAAC,CAAAA,CAAAA,CAAAA,OAEF,CAAA,CAAA,CAAA,GACG,CACC,CAAA,GAAAC,GAAA,CAAA,MAAA,CAAA,CAAA,SAEIF,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CACA,IAAAC,CAAAA,CAAAA,CAAAA,mBAIH,CAAA,CAAGE,EACN,CAEFC,CAAAA,GAAkC,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,qBAEhCD,CACAE,CAAAA,CAAAA,EAAAA,CACGC,EAAGC,CAAoB,CAAA,KAAKJ,CAAO,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAAY,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport type { ReactNode } from 'react';\n\nconst classificationBadge = cva(\n  'inline-flex items-center justify-center rounded-full uppercase',\n  {\n    variants: {\n      variant: {\n        missing:\n          \"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']\",\n        unclassified:\n          \"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n        cui: \"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']\",\n        confidential:\n          \"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n        secret:\n          \"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']\",\n        'top-secret':\n          \"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n        'top-secret-sci':\n          \"fg-inverse-light bg-classification-top-secret-sci [&:empty]:before:content-['TS/SCI']\",\n      },\n      size: {\n        medium: 'px-s py-xs text-header-s',\n        small: 'px-s py-xs text-header-xs',\n      },\n    },\n    defaultVariants: {\n      variant: 'missing',\n      size: 'medium',\n    },\n  },\n);\n\nexport interface ClassificationBadgeProps\n  extends VariantProps<typeof classificationBadge> {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const ClassificationBadge = ({\n  className,\n  size,\n  variant,\n  ...props\n}: ClassificationBadgeProps) => (\n  <span\n    className={cn(\n      classificationBadge({\n        size,\n        variant,\n        className,\n      }),\n    )}\n    {...props}\n  />\n);\nClassificationBadge.displayName = 'ClassificationBadge';\nClassificationBadge.as = (\n  props: VariantProps<typeof classificationBadge>,\n  className?: string | string[],\n) => cn(classificationBadge({ ...props, className }));\n"]}

package/dist/components/classification-banner/index.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
+import { VariantProps } from 'cva';
+import { ReactNode } from 'react';
+
+declare const classificationBanner: (props?: ({
+    variant?: "missing" | "unclassified" | "cui" | "confidential" | "secret" | "top-secret" | "top-secret-sci" | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface ClassificationBannerProps extends VariantProps<typeof classificationBanner> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const ClassificationBanner: {
+    ({ className, variant, ...props }: ClassificationBannerProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    as(props: VariantProps<typeof classificationBanner>, className?: string | string[]): string;
+};
+
+export { ClassificationBanner, type ClassificationBannerProps };

package/dist/components/classification-banner/index.js

@@ -0,0 +1,3 @@
+import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {jsx}from'react/jsx-runtime';var n=cva("flex select-none items-center justify-center font-medium text-header-m uppercase",{variants:{variant:{missing:"fg-critical bg-classification-missing [&:empty]:before:content-['Missing_Classification']",unclassified:"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","top-secret-sci":"fg-inverse-light bg-classification-top-secret-sci [&:empty]:before:content-['Top_Secret//SCI']"}},defaultVariants:{variant:"missing"}}),a=({className:e,variant:t,...s})=>jsx("span",{className:cn(n({variant:t,className:e})),...s});a.displayName="ClassificationBanner";a.as=(e,t)=>cn(n({...e,className:t}));
+export{a as ClassificationBanner};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/classification-banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["c","className","jsx","o","props","ClassificationBanner","cn","classificationBanner","i"],"mappings":"gGAiBE,IAAA,CAAA,CAAAA,GAAA,CAAA,kFAEY,CAAA,CAAA,iBAEN,CAAA,CAAA,OAEA,CAAA,2FAAA,CAAA,mGAEK,CAAA,GAAA,CAAA,sFAGL,CAAA,2FAAA,CACE,sFAEA,CAAA,YAAA,CAAA,uFAEA,CAAA,gBAAA,CAAA,gGAGN,CAAA,CAAA,CAAA,eACW,CAAA,CAAA,OAAA,CAAA,SAWsB,CACnC,CAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,mBAGF,CACEC,CAAAA,CAAAA,GAAC,CACC,CAAA,GAAAC,GAAA,CAAA,MAAA,CAAA,CAAA,uBAGI,CAAA,CAAA,CAAA,SAGH,CAAA,CAAGC,EACN,CAEFC,CAAAA,oBACAA,CAAAA,sBACED,CAAAA,CACAH,CACGK,EAAAA,CAAAA,CAAAA,CAAGC,EAAqB,GAAEC,EAAGJ,EAAO,CAAAH,CAAAA,GAAAA,CAAAA,CAAAA,SAAY,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport type { ReactNode } from 'react';\n\nconst classificationBanner = cva(\n  'flex select-none items-center justify-center font-medium text-header-m uppercase',\n  {\n    variants: {\n      variant: {\n        missing:\n          \"fg-critical bg-classification-missing [&:empty]:before:content-['Missing_Classification']\",\n        unclassified:\n          \"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n        cui: \"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']\",\n        confidential:\n          \"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n        secret:\n          \"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']\",\n        'top-secret':\n          \"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n        'top-secret-sci':\n          \"fg-inverse-light bg-classification-top-secret-sci [&:empty]:before:content-['Top_Secret//SCI']\",\n      },\n    },\n    defaultVariants: {\n      variant: 'missing',\n    },\n  },\n);\n\nexport interface ClassificationBannerProps\n  extends VariantProps<typeof classificationBanner> {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const ClassificationBanner = ({\n  className,\n  variant,\n  ...props\n}: ClassificationBannerProps) => (\n  <span\n    className={cn(\n      classificationBanner({\n        variant,\n        className,\n      }),\n    )}\n    {...props}\n  />\n);\nClassificationBanner.displayName = 'ClassificationBanner';\nClassificationBanner.as = (\n  props: VariantProps<typeof classificationBanner>,\n  className?: string | string[],\n) => cn(classificationBanner({ ...props, className }));\n"]}

package/dist/components/floating-button/index.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
+import { VariantProps } from 'cva';
+import { ButtonProps } from 'react-aria-components';
+
+declare const floatingButtonStyles: (props?: ({
+    isDisabled?: boolean | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface FloatingButtonProps extends Omit<ButtonProps, 'isDisabled'> {
+    isDisabled?: boolean;
+}
+declare const FloatingButton: {
+    ({ className, isDisabled, ...props }: FloatingButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    as(props: VariantProps<typeof floatingButtonStyles>, className?: string | string[]): string;
+};
+
+export { FloatingButton, type FloatingButtonProps };

package/dist/components/floating-button/index.js

@@ -0,0 +1,2 @@
+import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {Button,composeRenderProps}from'react-aria-components';import {jsx}from'react/jsx-runtime';var r=cva(["absolute right-[20px] bottom-[20px] inline-flex size-[32px] cursor-pointer items-center justify-center rounded-full border border-interactive-default bg-transparent shadow-elevation-overlay outline-none","icon-default-dark [--icon-size:var(--spacing-xl)]","hover:icon-default-light hover:border-interactive-hover hover:bg-interactive-hover-dark",""],{variants:{isDisabled:{true:"icon-disabled hover:icon-disabled cursor-not-allowed border-interactive-disabled bg-interactive-disabled hover:border-interactive-disabled hover:bg-interactive-disabled",false:""}},defaultVariants:{isDisabled:false}}),i=({className:e,isDisabled:t,...a})=>jsx(Button,{className:composeRenderProps(e,n=>cn(r({className:n,isDisabled:t}))),isDisabled:t,...a});i.displayName="FloatingButton";i.as=(e,t)=>cn(r({...e,className:t}));export{i as FloatingButton};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/floating-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/floating-button/index.tsx"],"names":["s","FloatingButton","AriaButton","composeRenderProps","cn","floatingButtonStyles","o","isDisabled","props","className"],"mappings":"8JAuBI,IAAA,CAAA,CAAAA,GAAA,CAAA,CAAA,4MAAA,CAAA,6IAKU,CAAA,EAAA,CAAA,CAAA,CAAA,oBAEA,iLACC,CAAA,KAGX,CAAA,EAAA,CAAA,CAAA,CAAA,eACc,CAAA,CAAA,UAULC,MAAkB,CAC7B,gBACA,CAAA,CAAA,CAAA,UAEF,MACGC,CAAAA,CAAA,GACYC,GAAAA,CAAAA,MAAAA,CAAAA,CAAAA,SACTC,CAAAA,kBAAAA,CACEC,EAAqB,CACnB,EAAAC,EAAA,CAAA,CAAA,CAAA,CAAA,SACAC,CAAAA,CAAAA,CAAAA,UAIN,CAAYA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,UAEd,CAAA,CAAA,CAEFN,GAA6B,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,gBAE3BO,EACAC,CACGL,EAAAA,CAAAA,CAAAA,CAAGC,EAAqB,GAAEC,EAAGE,EAAO,CAAAC,CAAAA,GAAAA,CAAAA,CAAAA,SAAY,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n  composeRenderProps,\n} from 'react-aria-components';\n\nconst floatingButtonStyles = cva(\n  [\n    'absolute right-[20px] bottom-[20px] inline-flex size-[32px] cursor-pointer items-center justify-center rounded-full border border-interactive-default bg-transparent shadow-elevation-overlay outline-none',\n    'icon-default-dark [--icon-size:var(--spacing-xl)]',\n    'hover:icon-default-light hover:border-interactive-hover hover:bg-interactive-hover-dark',\n    '',\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: 'icon-disabled hover:icon-disabled cursor-not-allowed border-interactive-disabled bg-interactive-disabled hover:border-interactive-disabled hover:bg-interactive-disabled',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isDisabled: false,\n    },\n  },\n);\n\nexport interface FloatingButtonProps\n  extends Omit<AriaButtonProps, 'isDisabled'> {\n  isDisabled?: boolean;\n}\n\nexport const FloatingButton = ({\n  className,\n  isDisabled,\n  ...props\n}: FloatingButtonProps) => (\n  <AriaButton\n    className={composeRenderProps(className, (className) =>\n      cn(\n        floatingButtonStyles({\n          className,\n          isDisabled,\n        }),\n      ),\n    )}\n    isDisabled={isDisabled}\n    {...props}\n  />\n);\nFloatingButton.displayName = 'FloatingButton';\nFloatingButton.as = (\n  props: VariantProps<typeof floatingButtonStyles>,\n  className?: string | string[],\n) => cn(floatingButtonStyles({ ...props, className }));\n"]}

package/dist/components/icon-button/index.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
+import { VariantProps } from 'cva';
+import { ButtonProps } from 'react-aria-components';
+
+declare const iconButtonStyles: (props?: ({
+    variant?: "primary" | "secondary" | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+    isDisabled?: boolean | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface IconButtonProps extends Omit<ButtonProps, 'isDisabled'>, VariantProps<typeof iconButtonStyles> {
+    isDisabled?: boolean;
+}
+declare const IconButton: {
+    ({ className, size, variant, isDisabled, ...props }: IconButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    as(props: VariantProps<typeof iconButtonStyles>, className?: string | string[]): string;
+};
+
+export { IconButton, type IconButtonProps };

package/dist/components/icon-button/index.js

@@ -0,0 +1,2 @@
+import {cva}from'cva';import {Button,composeRenderProps}from'react-aria-components';import {cn}from'../../lib/utils.js';import {jsx}from'react/jsx-runtime';var i=cva("inline-flex cursor-pointer items-center justify-center ai-pressed:bg-interactive-hover-dark bg-transparent outline-none hover:bg-interactive-hover-dark",{variants:{variant:{primary:"icon-default-light",secondary:"icon-default-dark hover:icon-default-light ai-pressed:icon-default-light"},size:{medium:"size-[28px] rounded-medium [--icon-size:var(--spacing-xl)]",small:"size-[20px] rounded-small [--icon-size:var(--spacing-l)]"},isDisabled:{true:"icon-disabled fg-disabled hover:fg-disabled cursor-not-allowed ai-pressed:bg-transparent bg-transparent hover:bg-transparent",false:""}},defaultVariants:{isDisabled:false,size:"medium",variant:"primary"}}),o=({className:e,size:t,variant:n,isDisabled:r=false,...s})=>jsx(Button,{className:composeRenderProps(e,l=>cn(i({isDisabled:r,size:t,variant:n,className:l}))),isDisabled:r,...s});o.displayName="IconButton";o.as=(e,t)=>cn(i({...e,className:t}));export{o as IconButton};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/icon-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/icon-button/index.tsx"],"names":["iconButtonStyles","cva","IconButton","className","size","variant","isDisabled","AriaButton","d","composeRenderProps","props"],"mappings":"4JAoBMA,IAAmBC,CAAAA,CAAAA,GACvB,CACA,yJAAA,CACE,CAAU,QAAA,CACR,CAAS,OAAA,CACP,CAAS,OAAA,CAAA,oBACT,UACE,CACJ,0EAAA,CACA,CAAM,IAAA,CACJ,CAAQ,MAAA,CAAA,4DACR,CAAO,KAAA,CAAA,0DAET,CAAA,CAAA,UAAY,CACV,CAAA,IAAM,CACN,8HAAA,CAAA,KAAO,GAEX,CAAA,CACA,CAAiB,eAAA,CACf,CAAY,UAAA,CAAA,KACZ,CAAM,IAAA,CAAA,QACN,CAAS,OAAA,CAAA,SAEb,CACF,CAQaC,CAAAA,CAAAA,CAAa,CAAC,CACzB,CAAA,SAAAC,CACA,CAAA,CAAA,IAAAC,CACA,CAAA,CAAA,OAAAC,EACA,CAAAC,UAAAA,CAAAA,CAAa,CACb,KAAA,CAAA,GACF,CAAA,CAAA,MACGC,CAAAC,MAAA,CACC,CAAWC,SAAAA,CAAAA,kBAAmBN,CAAYA,CAAAA,CAAAA,CAAAA,EAEtCH,EAAAA,CAAAA,CAAiB,CACf,CAAA,UAAAM,CACA,CAAA,CAAA,IAAAF,CACA,CAAA,CAAA,OAAAC,EACA,CAAAF,SAAAA,CACF,CAAC,CACH,CACF,CAAA,CACA,CAAYG,UAAAA,CAAAA,CACX,CAAGI,GAAAA,CACN,CAEFR,EAAAA,CAAW,CAAc,WAAA,CAAA,YACzBA,EAAW,CAAK,EAAA,CACdQ,CACAP,CAAAA,CAAAA,CAAAA,GACMH,EAAAA,CAAAA,CAAiB,CAAE,CAAA,GAAU,CAAA,CAAA,SAAAG,CAAU,CAAC,CAAC,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { type VariantProps, cva } from 'cva';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { cn } from '../../lib/utils';\n\nconst iconButtonStyles = cva(\n  'inline-flex cursor-pointer items-center justify-center ai-pressed:bg-interactive-hover-dark bg-transparent outline-none hover:bg-interactive-hover-dark',\n  {\n    variants: {\n      variant: {\n        primary: 'icon-default-light',\n        secondary:\n          'icon-default-dark hover:icon-default-light ai-pressed:icon-default-light',\n      },\n      size: {\n        medium: 'size-[28px] rounded-medium [--icon-size:var(--spacing-xl)]',\n        small: 'size-[20px] rounded-small [--icon-size:var(--spacing-l)]',\n      },\n      isDisabled: {\n        true: 'icon-disabled fg-disabled hover:fg-disabled cursor-not-allowed ai-pressed:bg-transparent bg-transparent hover:bg-transparent',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isDisabled: false,\n      size: 'medium',\n      variant: 'primary',\n    },\n  },\n);\n\nexport interface IconButtonProps\n  extends Omit<AriaButtonProps, 'isDisabled'>,\n    VariantProps<typeof iconButtonStyles> {\n  isDisabled?: boolean;\n}\n\nexport const IconButton = ({\n  className,\n  size,\n  variant,\n  isDisabled = false,\n  ...props\n}: IconButtonProps) => (\n  <AriaButton\n    className={composeRenderProps(className, (className) =>\n      cn(\n        iconButtonStyles({\n          isDisabled,\n          size,\n          variant,\n          className,\n        }),\n      ),\n    )}\n    isDisabled={isDisabled}\n    {...props}\n  />\n);\nIconButton.displayName = 'IconButton';\nIconButton.as = (\n  props: VariantProps<typeof iconButtonStyles>,\n  className?: string | string[],\n) => cn(iconButtonStyles({ ...props, className }));\n"]}

package/dist/components/toggle-icon-button/index.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as cva_types from 'cva/types';
+import { VariantProps } from 'cva';
+import { ToggleButtonProps } from 'react-aria-components';
+
+declare const toggleIconButtonStyles: (props?: ({
+    variant?: "primary" | "secondary" | null | undefined;
+    size?: "small" | "medium" | null | undefined;
+    isDisabled?: boolean | null | undefined;
+} & cva_types.ClassProp) | undefined) => string;
+interface ToggleIconButtonProps extends Omit<ToggleButtonProps, 'isDisabled'>, VariantProps<typeof toggleIconButtonStyles> {
+    isDisabled?: boolean;
+}
+declare const ToggleIconButton: {
+    ({ className, size, variant, isDisabled, ...props }: ToggleIconButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    as(props: VariantProps<typeof toggleIconButtonStyles>, className?: string | string[]): string;
+};
+
+export { ToggleIconButton, type ToggleIconButtonProps };

package/dist/components/toggle-icon-button/index.js

@@ -0,0 +1,2 @@
+import {cn}from'./../../lib/utils.js';import {cva}from'cva';import {ToggleButton,composeRenderProps}from'react-aria-components';import {jsx}from'react/jsx-runtime';var a=cva("inline-flex cursor-pointer items-center justify-center bg-transparent outline-none hover:bg-interactive-hover-dark",{variants:{variant:{primary:"icon-default-light ai-selected:icon-highlight ai-selected:hover:bg-highlight-subtle",secondary:"icon-default-dark hover:icon-default-light ai-selected:icon-highlight ai-selected:hover:bg-highlight-subtle"},size:{medium:"size-[28px] rounded-medium [--icon-size:var(--spacing-xl)]",small:"size-[20px] rounded-small [--icon-size:var(--spacing-l)]"},isDisabled:{true:"not-ai-selected:icon-disabled ai-selected:cursor-default not-ai-selected:cursor-not-allowed not-ai-selected:bg-interactive-disabled ai-selected:hover:bg-transparent not-ai-selected:hover:bg-interactive-disabled",false:""}},defaultVariants:{isDisabled:false,size:"medium",variant:"primary"}}),s=({className:e,size:t,variant:n,isDisabled:o=false,...r})=>jsx(ToggleButton,{className:composeRenderProps(e,l=>cn(a({isDisabled:o,size:t,variant:n,className:l}))),isDisabled:o,...r});s.displayName="ToggleIconButton";s.as=(e,t)=>cn(a({...e,className:t}));export{s as ToggleIconButton};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/toggle-icon-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toggle-icon-button/index.tsx"],"names":["g","size","isDisabled","props","AriaToggleButton","composeRenderProps","className","cn","toggleIconButtonStyles","i","ToggleIconButton"],"mappings":"oKAsBE,IAAA,CAAA,CAAAA,GAAA,CAAA,oHACY,CAAA,CAAA,QACC,CAAA,CAAA,OAEL,CAAA,CAAA,OAAA,CAAA,+FAGJ,CAAA,6GACM,CACJ,CAAQ,IAAA,CAAA,CAAA,MAAA,CAAA,4DACD,CAAA,KAAA,CAAA,0DAET,CAAA,CAAA,UACQ,CACN,CAAA,IAAA,CAAA,oNAAO,MAGM,CAAA,EAAA,CAAA,CAAA,CAAA,eACH,CAAA,CAAA,UACN,CAAA,KAAA,CAAA,IAAA,CAAA,QACG,CAAA,OAAA,CAAA,SAWkB,CAC/B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SACA,CAAAC,CACA,CAAA,IAAA,CAAA,CAAA,CAAA,OACAC,CAAAA,CAAAA,CAAAA,UACA,CAAA,CAAGC,CACL,KAAA,CAAA,GACGC,CAAA,CAAA,GACYC,GAAAA,CAAAA,YAAAA,CAAAA,CAAAA,SAA+BC,CACxCC,kBACEC,CAAAA,CAAAA,CAAuB,CACrB,EAAAC,EAAA,CAAA,CAAA,CAAA,CAAA,UACA,CAAAR,CACA,CAAA,IAAA,CAAA,CAAA,CAAA,OACAK,CAAAA,CAAAA,CAAAA,SAIN,CAAYJ,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,UACRC,CACN,CAEFO,CAAAA,GAA+B,CAAA,CAAA,EAAA,CAAA,CAAA,WAAA,CAAA,kBAE7BP,CACAG,CAAAA,CAAAA,EAAAA,CACGC,CAAGC,CAAAA,CAAAA,CAAuB,GAAEC,EAAGN,CAAO,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAAY,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { cn } from '@/lib/utils';\nimport { type VariantProps, cva } from 'cva';\nimport {\n  ToggleButton as AriaToggleButton,\n  type ToggleButtonProps as AriaToggleButtonProps,\n  composeRenderProps,\n} from 'react-aria-components';\n\nconst toggleIconButtonStyles = cva(\n  'inline-flex cursor-pointer items-center justify-center bg-transparent outline-none hover:bg-interactive-hover-dark',\n  {\n    variants: {\n      variant: {\n        primary:\n          'icon-default-light ai-selected:icon-highlight ai-selected:hover:bg-highlight-subtle',\n        secondary:\n          'icon-default-dark hover:icon-default-light ai-selected:icon-highlight ai-selected:hover:bg-highlight-subtle',\n      },\n      size: {\n        medium: 'size-[28px] rounded-medium [--icon-size:var(--spacing-xl)]',\n        small: 'size-[20px] rounded-small [--icon-size:var(--spacing-l)]',\n      },\n      isDisabled: {\n        true: 'not-ai-selected:icon-disabled ai-selected:cursor-default not-ai-selected:cursor-not-allowed not-ai-selected:bg-interactive-disabled ai-selected:hover:bg-transparent not-ai-selected:hover:bg-interactive-disabled',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isDisabled: false,\n      size: 'medium',\n      variant: 'primary',\n    },\n  },\n);\n\nexport interface ToggleIconButtonProps\n  extends Omit<AriaToggleButtonProps, 'isDisabled'>,\n    VariantProps<typeof toggleIconButtonStyles> {\n  isDisabled?: boolean;\n}\n\nexport const ToggleIconButton = ({\n  className,\n  size,\n  variant,\n  isDisabled = false,\n  ...props\n}: ToggleIconButtonProps) => (\n  <AriaToggleButton\n    className={composeRenderProps(className, (className) =>\n      cn(\n        toggleIconButtonStyles({\n          isDisabled,\n          size,\n          variant,\n          className,\n        }),\n      ),\n    )}\n    isDisabled={isDisabled}\n    {...props}\n  />\n);\nToggleIconButton.displayName = 'ToggleIconButton';\nToggleIconButton.as = (\n  props: VariantProps<typeof toggleIconButtonStyles>,\n  className?: string | string[],\n) => cn(toggleIconButtonStyles({ ...props, className }));\n"]}