@accelint/design-toolkit 0.0.1 → 1.0.0

package/dist/index.css

@@ -94,7 +94,7 @@
   --classification-confidential: #0033a0;
   --classification-secret: #c8102e;
   --classification-top-secret: #ff8c00;
-  --classification-top-secret-sci: #fce83a;
+  --classification-ts-sci: #fce83a;
 
   --header-xxl-size: 32px;
   --header-xxl-height: 40px;
@@ -182,8 +182,8 @@
 
   --color-default-light: var(--neutral-01, #ffffff);
   --color-default-dark: var(--neutral-03, #898989);
-  --color-inverse-dark: var(--neutral-09, #222222);
-  --color-inverse-light: var(--neutral-07, #383838);
+  --color-inverse-dark: var(--neutral-07,#383838);
+  --color-inverse-light: var(--neutral-09, #222222);
   --color-disabled: var(--neutral-05, #565656);
   --color-highlight: var(--highlight-primary-03, #28f5be);
   --color-info: var(--neutral-04, #686868);
@@ -198,7 +198,7 @@
   --color-classification-confidential: var(--classification-confidential, #0033a0);
   --color-classification-secret: var(--classification-secret, #c8102e);
   --color-classification-top-secret: var(--classification-top-secret, #ff8c00);
-  --color-classification-top-secret-sci: var(--classification-top-secret-sci, #fce83a);
+  --color-classification-ts-sci: var(--classification-ts-sci, #fce83a);
 
   /** Radius **/
   --radius-none: 0px;
@@ -232,102 +232,107 @@
 @utility text-header-xxl {
   font-size: var(--header-xxl-size);
   font-weight: 500;
-  line-height: var(--header-xxl-height);
   letter-spacing: 0px;
+  line-height: var(--header-xxl-height);
 }
 
 @utility text-header-xl {
   font-size: var(--header-xl-size);
   font-weight: 500;
-  line-height: var(--header-xl-height);
   letter-spacing: 0.18px;
+  line-height: var(--header-xl-height);
 }
 
 @utility text-header-l {
   font-size: var(--header-l-size);
   font-weight: 500;
-  line-height: var(--header-l-height);
   letter-spacing: 0.18px;
+  line-height: var(--header-l-height);
 }
 
 @utility text-header-m {
   font-size: var(--header-m-size);
   font-weight: 500;
-  line-height: var(--header-m-height);
   letter-spacing: 0.25px;
+  line-height: var(--header-m-height);
 }
 
 @utility text-header-s {
   font-size: var(--header-s-size);
   font-weight: 500;
-  line-height: var(--header-s-height);
   letter-spacing: 0.4px;
+  line-height: var(--header-s-height);
 }
 
 @utility text-header-xs {
   font-size: var(--header-xs-size);
   font-weight: 500;
-  line-height: var(--header-xs-height);
   letter-spacing: 0.25px;
+  line-height: var(--header-xs-height);
 }
 
 
 @utility text-body-l {
   font-size: var(--body-l-size);
-  line-height: var(--body-l-height);
+  font-weight: 400;
   letter-spacing: 0.5px;
+  line-height: var(--body-l-height);
 }
 
 @utility text-body-m {
   font-size: var(--body-m-size);
-  line-height: var(--body-m-height);
+  font-weight: 400;
   letter-spacing: 0.25px;
+  line-height: var(--body-m-height);
 }
 
 @utility text-body-s {
   font-size: var(--body-s-size);
-  line-height: var(--body-s-height);
+  font-weight: 400;
   letter-spacing: 0.4px;
+  line-height: var(--body-s-height);
 }
 
 @utility text-body-xs {
   font-size: var(--body-xs-size);
-  line-height: var(--body-xs-height);
+  font-weight: 400;
   letter-spacing: 0.5px;
+  line-height: var(--body-xs-height);
 }
 
 @utility text-body-xxs {
   font-size: var(--body-xxs-size);
-  line-height: var(--body-xxs-height);
+  font-weight: 400;
   letter-spacing: 0.25px;
+  line-height: var(--body-xxs-height);
 }
 
 @utility text-button-l {
   font-size: var(--button-l-size);
   font-weight: bold;
-  line-height: var(--button-l-height);
   letter-spacing: 0.5px;
+  line-height: var(--button-l-height);
 }
 
 @utility text-button-m {
   font-size: var(--button-m-size);
   font-weight: bold;
-  line-height: var(--button-m-height);
   letter-spacing: 0.25px;
+  line-height: var(--button-m-height);
 }
 
 @utility text-button-s {
   font-size: var(--button-s-size);
   font-weight: bold;
-  line-height: var(--button-s-height);
   letter-spacing: 0.4px;
+  line-height: var(--button-s-height);
 }
 
 @utility text-button-xs {
   font-size: var(--button-xs-size);
   font-weight: bold;
-  line-height: var(--button-xs-height);
   letter-spacing: 0.5px;
+  line-height: var(--button-xs-height);
 }
 
 @utility w-content {
@@ -338,6 +343,10 @@
   height: fit-content;
 }
 
+@utility w-* {
+  width: --value([ *]);
+}
+
 @utility icon-* {
   --icon-color: --value([ *]);
   --icon-color: --value(--color- *);
@@ -354,6 +363,3 @@
   --icon-color: --value([ *]);
   --icon-color: --value(--color- *);
 }
-
-@custom-variant pressed (&:where([data-pressed] *));
-@custom-variant ai-hovered (&:where([data-hovered] *));

package/dist/index.d.ts

@@ -1,93 +1,29 @@
+export { Accordion, AccordionGroupProps, AccordionHeaderProps, AccordionPanelProps, AccordionProps } from './components/accordion/index.js';
 export { Avatar, AvatarProps } from './components/avatar/index.js';
 export { Badge, BadgeProps } from './components/badge/index.js';
 export { Box, BoxProps } from './components/box/index.js';
 export { Button, ButtonProps } from './components/button/index.js';
+export { Checkbox, CheckboxGroupProps, CheckboxProps } from './components/checkbox/index.js';
+export { Chip, ChipListProps, ChipProps, DeletableChip, SelectableChip } from './components/chip/index.js';
 export { ClassificationBadge, ClassificationBadgeProps } from './components/classification-badge/index.js';
 export { ClassificationBanner, ClassificationBannerProps } from './components/classification-banner/index.js';
 export { FloatingButton, FloatingButtonProps } from './components/floating-button/index.js';
+export { Icon, IconProps } from './components/icon/index.js';
 export { IconButton, IconButtonProps } from './components/icon-button/index.js';
+export { Label } from './components/label/index.js';
+export { Radio, RadioGroupProps, RadioProps } from './components/radio/index.js';
+export { Switch, SwitchProps } from './components/switch/index.js';
+export { TextArea, TextAreaProps } from './components/text-area/index.js';
+export { TextField, TextFieldProps } from './components/text-field/index.js';
 export { ToggleIconButton, ToggleIconButtonProps } from './components/toggle-icon-button/index.js';
 export { Tooltip, TooltipBody, TooltipBodyProps, TooltipProps, TooltipTrigger, TooltipTriggerProps } from './components/tooltip/index.js';
-export { AddFill } from './icons/add-fill.js';
-export { AddToList } from './icons/add-to-list.js';
-export { Add } from './icons/add.js';
-export { ArrangeTable } from './icons/arrange-table.js';
-export { AttachFile } from './icons/attach-file.js';
-export { CancelFill } from './icons/cancel-fill.js';
-export { Cancel } from './icons/cancel.js';
-export { CenterOn } from './icons/center-on.js';
-export { Check } from './icons/check.js';
-export { CollapseAll } from './icons/collapse-all.js';
-export { CollapseWindow } from './icons/collapse-window.js';
-export { Condense } from './icons/condense.js';
-export { CopyToClipboard } from './icons/copy-to-clipboard.js';
-export { CreateCOA } from './icons/create-coa.js';
-export { Delete } from './icons/delete.js';
-export { DragHorz } from './icons/drag-horz.js';
-export { DragVert } from './icons/drag-vert.js';
-export { Duplicate } from './icons/duplicate.js';
-export { Edit } from './icons/edit.js';
-export { ExpandAll } from './icons/expand-all.js';
-export { ExpandLeft } from './icons/expand-left.js';
-export { ExpandRight } from './icons/expand-right.js';
-export { ExpandWindow } from './icons/expand-window.js';
-export { Expand } from './icons/expand.js';
-export { ExploreData } from './icons/explore-data.js';
-export { Filter } from './icons/filter.js';
-export { Flag } from './icons/flag.js';
-export { Focus } from './icons/focus.js';
-export { GlobalShare } from './icons/global-share.js';
-export { Group } from './icons/group.js';
-export { Hide } from './icons/hide.js';
-export { Import } from './icons/import.js';
-export { InsertChart } from './icons/insert-chart.js';
-export { JumpTo } from './icons/jump-to.js';
-export { Lasso } from './icons/lasso.js';
-export { Link } from './icons/link.js';
-export { LockFill } from './icons/lock-fill.js';
-export { LockOutline } from './icons/lock-outline.js';
-export { Login } from './icons/login.js';
-export { Logout } from './icons/logout.js';
-export { Loop } from './icons/loop.js';
-export { Move } from './icons/move.js';
-export { Mute } from './icons/mute.js';
-export { OpenContainer } from './icons/open-container.js';
-export { PasteFromClipboard } from './icons/paste-from-clipboard.js';
-export { Pause } from './icons/pause.js';
-export { Person } from './icons/person.js';
-export { Pin } from './icons/pin.js';
-export { Placeholder } from './icons/placeholder.js';
-export { Play } from './icons/play.js';
-export { Playback } from './icons/playback.js';
-export { PolygonLasso } from './icons/polygon-lasso.js';
-export { PopBackIn } from './icons/pop-back-in.js';
-export { PopOut } from './icons/pop-out.js';
-export { Record } from './icons/record.js';
-export { RectangleSelect } from './icons/rectangle-select.js';
-export { RemoveFill } from './icons/remove-fill.js';
-export { RemoveFromList } from './icons/remove-from-list.js';
-export { Remove } from './icons/remove.js';
-export { Reverse } from './icons/reverse.js';
-export { Screenshot } from './icons/screenshot.js';
-export { Search } from './icons/search.js';
-export { Share } from './icons/share.js';
-export { Show } from './icons/show.js';
-export { StackCards } from './icons/stack-cards.js';
-export { Stack } from './icons/stack.js';
-export { Tether } from './icons/tether.js';
-export { TrackChanges } from './icons/track-changes.js';
-export { IconProps } from './icons/types.js';
-export { Undo } from './icons/undo.js';
-export { ZoomIn } from './icons/zoom-in.js';
-export { ZoomOut } from './icons/zoom-out.js';
-export { ZoomTo } from './icons/zoom-to.js';
-export { containsExactChildren } from './lib/react.js';
+export { containsExactChildren, expectsIconWrapper } from './lib/react.js';
 export { cn, twMerge } from './lib/utils.js';
 import 'react/jsx-runtime';
 import 'cva/types';
-import '@radix-ui/react-avatar';
-import 'cva';
 import 'react';
 import 'react-aria-components';
+import 'cva';
+import '@radix-ui/react-avatar';
 import 'tailwind-merge';
 import 'clsx';

package/dist/index.js

@@ -1,2 +1,2 @@
-export{Avatar}from'./components/avatar/index.js';export{Badge}from'./components/badge/index.js';export{Box}from'./components/box/index.js';export{Button}from'./components/button/index.js';export{ClassificationBadge}from'./components/classification-badge/index.js';export{ClassificationBanner}from'./components/classification-banner/index.js';export{FloatingButton}from'./components/floating-button/index.js';export{IconButton}from'./components/icon-button/index.js';export{ToggleIconButton}from'./components/toggle-icon-button/index.js';export{Tooltip,TooltipBody,TooltipTrigger}from'./components/tooltip/index.js';export{AddFill}from'./icons/add-fill.js';export{AddToList}from'./icons/add-to-list.js';export{Add}from'./icons/add.js';export{ArrangeTable}from'./icons/arrange-table.js';export{AttachFile}from'./icons/attach-file.js';export{CancelFill}from'./icons/cancel-fill.js';export{Cancel}from'./icons/cancel.js';export{CenterOn}from'./icons/center-on.js';export{Check}from'./icons/check.js';export{CollapseAll}from'./icons/collapse-all.js';export{CollapseWindow}from'./icons/collapse-window.js';export{Condense}from'./icons/condense.js';export{CopyToClipboard}from'./icons/copy-to-clipboard.js';export{CreateCOA}from'./icons/create-coa.js';export{Delete}from'./icons/delete.js';export{DragHorz}from'./icons/drag-horz.js';export{DragVert}from'./icons/drag-vert.js';export{Duplicate}from'./icons/duplicate.js';export{Edit}from'./icons/edit.js';export{ExpandAll}from'./icons/expand-all.js';export{ExpandLeft}from'./icons/expand-left.js';export{ExpandRight}from'./icons/expand-right.js';export{ExpandWindow}from'./icons/expand-window.js';export{Expand}from'./icons/expand.js';export{ExploreData}from'./icons/explore-data.js';export{Filter}from'./icons/filter.js';export{Flag}from'./icons/flag.js';export{Focus}from'./icons/focus.js';export{GlobalShare}from'./icons/global-share.js';export{Group}from'./icons/group.js';export{Hide}from'./icons/hide.js';export{Import}from'./icons/import.js';export{InsertChart}from'./icons/insert-chart.js';export{JumpTo}from'./icons/jump-to.js';export{Lasso}from'./icons/lasso.js';export{Link}from'./icons/link.js';export{LockFill}from'./icons/lock-fill.js';export{LockOutline}from'./icons/lock-outline.js';export{Login}from'./icons/login.js';export{Logout}from'./icons/logout.js';export{Loop}from'./icons/loop.js';export{Move}from'./icons/move.js';export{Mute}from'./icons/mute.js';export{OpenContainer}from'./icons/open-container.js';export{PasteFromClipboard}from'./icons/paste-from-clipboard.js';export{Pause}from'./icons/pause.js';export{Person}from'./icons/person.js';export{Pin}from'./icons/pin.js';export{Placeholder}from'./icons/placeholder.js';export{Play}from'./icons/play.js';export{Playback}from'./icons/playback.js';export{PolygonLasso}from'./icons/polygon-lasso.js';export{PopBackIn}from'./icons/pop-back-in.js';export{PopOut}from'./icons/pop-out.js';export{Record}from'./icons/record.js';export{RectangleSelect}from'./icons/rectangle-select.js';export{RemoveFill}from'./icons/remove-fill.js';export{RemoveFromList}from'./icons/remove-from-list.js';export{Remove}from'./icons/remove.js';export{Reverse}from'./icons/reverse.js';export{Screenshot}from'./icons/screenshot.js';export{Search}from'./icons/search.js';export{Share}from'./icons/share.js';export{Show}from'./icons/show.js';export{StackCards}from'./icons/stack-cards.js';export{Stack}from'./icons/stack.js';export{Tether}from'./icons/tether.js';export{TrackChanges}from'./icons/track-changes.js';export{Undo}from'./icons/undo.js';export{ZoomIn}from'./icons/zoom-in.js';export{ZoomOut}from'./icons/zoom-out.js';export{ZoomTo}from'./icons/zoom-to.js';export{containsExactChildren}from'./lib/react.js';export{cn,twMerge}from'./lib/utils.js';//# sourceMappingURL=index.js.map
+export{Accordion}from'./components/accordion/index.js';export{Avatar}from'./components/avatar/index.js';export{Badge}from'./components/badge/index.js';export{Box}from'./components/box/index.js';export{Button}from'./components/button/index.js';export{Checkbox}from'./components/checkbox/index.js';export{Chip,DeletableChip,SelectableChip}from'./components/chip/index.js';export{ClassificationBadge}from'./components/classification-badge/index.js';export{ClassificationBanner}from'./components/classification-banner/index.js';export{FloatingButton}from'./components/floating-button/index.js';export{Icon}from'./components/icon/index.js';export{IconButton}from'./components/icon-button/index.js';export{Label}from'./components/label/index.js';export{Radio}from'./components/radio/index.js';export{Switch}from'./components/switch/index.js';export{TextArea}from'./components/text-area/index.js';export{TextField}from'./components/text-field/index.js';export{ToggleIconButton}from'./components/toggle-icon-button/index.js';export{Tooltip,TooltipBody,TooltipTrigger}from'./components/tooltip/index.js';export{containsExactChildren,expectsIconWrapper}from'./lib/react.js';export{cn,twMerge}from'./lib/utils.js';//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/lib/react.d.ts

@@ -6,5 +6,27 @@ type ContainsExactChildrenProps = {
     restrictions: Record<string, number>;
 };
 declare function containsExactChildren({ children, componentName, restrictions, }: ContainsExactChildrenProps): void;
+/**
+ * I look for svgIcons exported from the @accelint/icons library
+ * and ensure that they are wrapped in an Icon component in order
+ * to get the classes and styles they need in context.
+ *
+ * Using isValidElement means we will filter out strings, boolean, etc
+ * that are valid nodes but not elements.
+ *
+ * @example
+ *   expectsIconWrapper({
+ *     children,
+ *     componentName: Button.displayName,
+ *   });
+ *
+ *
+ * @param children the children of the calling component
+ * @param componentName the displayName of the calling component
+ */
+declare function expectsIconWrapper({ children, componentName }: {
+    children: any;
+    componentName: any;
+}): void;
 
-export { containsExactChildren };
+export { containsExactChildren, expectsIconWrapper };

package/dist/lib/react.js

@@ -1,2 +1,2 @@
-import {Children,isValidElement}from'react';function m({children:o,componentName:n,restrictions:s}){let i=Children.toArray(o);if(!i.every(isValidElement))throw new Error(`<${n}> received invalid children.`);let c=i.reduce((e,t)=>({...e,[t.type.displayName]:e[t.type.displayName]-1}),s),r=Object.entries(c).filter(([,e])=>e!==0);if(r.length!==0){let e=r.map(([t,a])=>`${a} of <${t}>`).join(", ");throw new Error(`<${n}> is missing the following: ${e}`)}}export{m as containsExactChildren};//# sourceMappingURL=react.js.map
+import {Children,isValidElement}from'react';function h({children:i,componentName:t,restrictions:o}){let n=Children.toArray(i);if(!n.every(isValidElement))throw new Error(`<${t}> received invalid children.`);let p=n.reduce((e,r)=>({...e,[r.type.displayName]:e[r.type.displayName]-1}),o),s=Object.entries(p).filter(([,e])=>e!==0);if(s.length!==0){let e=s.map(([r,d])=>`${d} of <${r}>`).join(", ");throw new Error(`<${t}> is missing the following: ${e}`)}}function m({children:i,componentName:t}){Children.toArray(i).map(n=>{if(isValidElement(n)&&n.type.name?.startsWith("Svg"))throw new Error(`${t} is using an icon without the required Icon wrapper`)});}export{h as containsExactChildren,m as expectsIconWrapper};//# sourceMappingURL=react.js.map
 //# sourceMappingURL=react.js.map

package/dist/lib/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/react.ts"],"names":["containsExactChildren","children","componentName","restrictions","childrenComponents","Children","isValidElement","restrictionResults","acc","child","missingComponents","value","restrictionString","key"],"mappings":"4CAqBO,SAASA,CAAAA,CAAsB,CACpC,QAAA,CAAAC,CACA,CAAA,aAAA,CAAAC,EACA,YAAAC,CAAAA,CACF,CAA+B,CAAA,CAC7B,IAAMC,CAAAA,CAAqBC,SAAS,OAAQJ,CAAAA,CAAQ,CAEpD,CAAA,GAAI,CAACG,CAAAA,CAAmB,MAAME,cAAc,CAAA,CAC1C,MAAM,IAAI,KAAA,CAAM,IAAIJ,CAAa,CAAA,4BAAA,CAA8B,CAGjE,CAAA,IAAMK,CAAqBH,CAAAA,CAAAA,CAAmB,OAC5C,CAACI,CAAAA,CAAKC,CAAW,IAAA,CAEf,GAAGD,CAAAA,CACH,CAACC,CAAM,CAAA,IAAA,CAAK,WAAW,EAAGD,CAAIC,CAAAA,CAAAA,CAAM,KAAK,WAAW,CAAA,CAAI,CAC1D,CACAN,CAAAA,CAAAA,CACF,EAEMO,CAAoB,CAAA,MAAA,CAAO,OAAQH,CAAAA,CAAkB,CAAE,CAAA,MAAA,CAC3D,CAAC,EAAGI,CAAK,CAAA,GAAMA,CAAU,GAAA,CAC3B,EAEA,GAAID,CAAAA,CAAkB,MAAW,GAAA,CAAA,CAAG,CAClC,IAAME,EAAoBF,CACvB,CAAA,GAAA,CAAI,CAAC,CAACG,CAAKF,CAAAA,CAAK,IAAM,CAAGA,EAAAA,CAAK,CAAQE,KAAAA,EAAAA,CAAG,CAAG,CAAA,CAAA,CAAA,CAC5C,KAAK,IAAI,CAAA,CAEZ,MAAM,IAAI,KACR,CAAA,CAAA,CAAA,EAAIX,CAAa,CAA+BU,4BAAAA,EAAAA,CAAiB,CACnE,CAAA,CACF,CACF","file":"react.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\n// @ts-nocheck\nimport { Children, type ReactNode, isValidElement } from 'react';\n\ntype ContainsExactChildrenProps = {\n  componentName: string;\n  children: ReactNode | ReactNode[];\n  restrictions: Record<string, number>;\n};\n\nexport function containsExactChildren({\n  children,\n  componentName,\n  restrictions,\n}: ContainsExactChildrenProps) {\n  const childrenComponents = Children.toArray(children);\n\n  if (!childrenComponents.every(isValidElement)) {\n    throw new Error(`<${componentName}> received invalid children.`);\n  }\n\n  const restrictionResults = childrenComponents.reduce(\n    (acc, child) => ({\n      // biome-ignore lint/performance/noAccumulatingSpread: this is fine.\n      ...acc,\n      [child.type.displayName]: acc[child.type.displayName] - 1,\n    }),\n    restrictions,\n  );\n\n  const missingComponents = Object.entries(restrictionResults).filter(\n    ([, value]) => value !== 0,\n  );\n\n  if (missingComponents.length !== 0) {\n    const restrictionString = missingComponents\n      .map(([key, value]) => `${value} of <${key}>`)\n      .join(', ');\n\n    throw new Error(\n      `<${componentName}> is missing the following: ${restrictionString}`,\n    );\n  }\n}\n"]}
+{"version":3,"sources":["../../src/lib/react.ts"],"names":["containsExactChildren","children","componentName","restrictions","childrenComponents","Children","isValidElement","restrictionResults","acc","child","missingComponents","value","restrictionString","key","expectsIconWrapper"],"mappings":"4CAqBO,SAASA,CAAAA,CAAsB,CACpC,QAAA,CAAAC,CACA,CAAA,aAAA,CAAAC,CACA,CAAA,YAAA,CAAAC,CACF,CAA+B,CAAA,CAC7B,IAAMC,CAAAA,CAAqBC,QAAS,CAAA,OAAA,CAAQJ,CAAQ,CAAA,CAEpD,GAAI,CAACG,CAAAA,CAAmB,KAAME,CAAAA,cAAc,CAC1C,CAAA,MAAM,IAAI,KAAA,CAAM,IAAIJ,CAAa,CAAA,4BAAA,CAA8B,CAGjE,CAAA,IAAMK,CAAqBH,CAAAA,CAAAA,CAAmB,MAC5C,CAAA,CAACI,EAAKC,CAAW,IAAA,CAEf,GAAGD,CAAAA,CACH,CAACC,CAAAA,CAAM,IAAK,CAAA,WAAW,EAAGD,CAAIC,CAAAA,CAAAA,CAAM,IAAK,CAAA,WAAW,CAAI,CAAA,CAC1D,CACAN,CAAAA,CAAAA,CACF,EAEMO,CAAoB,CAAA,MAAA,CAAO,OAAQH,CAAAA,CAAkB,CAAE,CAAA,MAAA,CAC3D,CAAC,EAAGI,CAAK,CAAA,GAAMA,CAAU,GAAA,CAC3B,CAEA,CAAA,GAAID,CAAkB,CAAA,MAAA,GAAW,EAAG,CAClC,IAAME,CAAoBF,CAAAA,CAAAA,CACvB,GAAI,CAAA,CAAC,CAACG,CAAAA,CAAKF,CAAK,CAAM,GAAA,CAAA,EAAGA,CAAK,CAAA,KAAA,EAAQE,CAAG,CAAA,CAAA,CAAG,CAC5C,CAAA,IAAA,CAAK,IAAI,CAEZ,CAAA,MAAM,IAAI,KAAA,CACR,CAAIX,CAAAA,EAAAA,CAAa,CAA+BU,4BAAAA,EAAAA,CAAiB,EACnE,CACF,CACF,CAoBO,SAASE,CAAmB,CAAA,CAAE,QAAAb,CAAAA,CAAAA,CAAU,cAAAC,CAAc,CAAA,CAAG,CACnCG,QAAAA,CAAS,OAAQJ,CAAAA,CAAQ,CAEjC,CAAA,GAAA,CAAKQ,GAAU,CAChC,GAAIH,cAAeG,CAAAA,CAAK,CAElBA,EAAAA,CAAAA,CAAM,IAAK,CAAA,IAAA,EAAM,WAAW,KAAK,CAAA,CACnC,MAAM,IAAI,MACR,CAAGP,EAAAA,CAAa,CAClB,mDAAA,CAAA,CAGN,CAAC,EACH","file":"react.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\n// @ts-nocheck\nimport { Children, type ReactNode, isValidElement } from 'react';\n\ntype ContainsExactChildrenProps = {\n  componentName: string;\n  children: ReactNode | ReactNode[];\n  restrictions: Record<string, number>;\n};\n\nexport function containsExactChildren({\n  children,\n  componentName,\n  restrictions,\n}: ContainsExactChildrenProps) {\n  const childrenComponents = Children.toArray(children);\n\n  if (!childrenComponents.every(isValidElement)) {\n    throw new Error(`<${componentName}> received invalid children.`);\n  }\n\n  const restrictionResults = childrenComponents.reduce(\n    (acc, child) => ({\n      // biome-ignore lint/performance/noAccumulatingSpread: this is fine.\n      ...acc,\n      [child.type.displayName]: acc[child.type.displayName] - 1,\n    }),\n    restrictions,\n  );\n\n  const missingComponents = Object.entries(restrictionResults).filter(\n    ([, value]) => value !== 0,\n  );\n\n  if (missingComponents.length !== 0) {\n    const restrictionString = missingComponents\n      .map(([key, value]) => `${value} of <${key}>`)\n      .join(', ');\n\n    throw new Error(\n      `<${componentName}> is missing the following: ${restrictionString}`,\n    );\n  }\n}\n\n/**\n * I look for svgIcons exported from the @accelint/icons library\n * and ensure that they are wrapped in an Icon component in order\n * to get the classes and styles they need in context.\n *\n * Using isValidElement means we will filter out strings, boolean, etc\n * that are valid nodes but not elements.\n *\n * @example\n *   expectsIconWrapper({\n *     children,\n *     componentName: Button.displayName,\n *   });\n *\n *\n * @param children the children of the calling component\n * @param componentName the displayName of the calling component\n */\nexport function expectsIconWrapper({ children, componentName }) {\n  const childrenComponents = Children.toArray(children);\n\n  childrenComponents.map((child) => {\n    if (isValidElement(child)) {\n      // icons should never be a direct child of the parent\n      if (child.type.name?.startsWith('Svg')) {\n        throw new Error(\n          `${componentName} is using an icon without the required Icon wrapper`,\n        );\n      }\n    }\n  });\n}\n"]}