@accelint/design-toolkit 2.2.1 → 2.3.0

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/toggle-icon-button/index.tsx"],"names":["c","ToggleIconButton","className","d","jsx","p","composeRenderProps","u","n","isDisabled","cn","toggleIconButtonStyles","props"],"mappings":"8OAwBE,IAAA,CAAA,CAAAA,GAAA,CAAA,oJAGI,CAAA,CAAA,QACE,CAAA,CAAA,OACE,CAAA,CAAA,OAAA,CAAA,8HAEA,CAAA,SAAA,CAAA,+KAGF,CAAQ,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,4DACD,CAAA,KAAA,CAAA,0DAGP,YAAM,CAAA,CAAA,IAAA,CAAA,2SAIV,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,eACc,CAAA,CACZ,UAAM,CAAA,KAAA,CACN,IAAA,CAAA,QAAS,CAAA,OAWFC,UACX,CAAA,CAAA,CAAA,CAAAC,CAAAA,CACA,CAAA,CAAA,SAAO,CAAA,CAAA,CAAA,IACP,CAAA,CAAA,CAAA,QAAU,CAAA,OAAA,CACV,CAAA,CAAA,WACA,CAAA,UAEmB,CACjB,CAAA,CAAA,GAAA,CAAA,CAAA,IAAgBC,kBAAA,CAAA,CAAA,QAChB,CAAA,CAAA,CAAA,QAAA,CAAeF,aACjB,CAAC,CAAA,CAGCG,WACE,CAAA,CAAA,CAAAC,GAAWC,CAAAA,YAAmBJ,CAAAA,CAAYA,SAGpC,CAAAK,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAAC,EAAA,CAAAC,CAAAA,CACA,CAAA,UACA,CAAA,CAAA,CAAA,IACA,CAAA,CAAA,CAAA,OACF,CAAC,CACH,CACF,SACA,CAAA,CAAA,CAAA,CAAYA,CAAAA,CACX,CAAA,UAIU,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,WAAA,CAAA,kBAI1BC,CAAGC,CAAAA,CAAuB,EAAE,CAAA,CAAGC,CAAAA,CAAO,CAAA,GAAAJ,EAAA,CAAA,CAAA,CAAA,CAAA,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\n'use client';\nimport { expectsIconWrapper } from '@/lib/react';\nimport { cn } from '@/lib/utils';\nimport 'client-only';\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 focus:bg-interactive-hover-dark',\n  {\n    variants: {\n      variant: {\n        primary:\n          'icon-default-light dtk-selected:icon-highlight dtk-selected:hover:bg-highlight-subtle dtk-selected:focus:bg-highlight-subtle',\n        secondary:\n          'icon-default-dark hover:icon-default-light focus:icon-default-light dtk-selected:icon-highlight dtk-selected:hover:bg-highlight-subtle dtk-selected:focus: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-dtk-selected:icon-disabled dtk-selected:cursor-default not-dtk-selected:cursor-not-allowed not-dtk-selected:bg-interactive-disabled dtk-selected:hover:bg-transparent not-dtk-selected:hover:bg-interactive-disabled dtk-selected:focus:bg-transparent not-dtk-selected:focus: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 = 'medium',\n  variant = 'secondary',\n  isDisabled,\n  ...props\n}: ToggleIconButtonProps) => {\n  expectsIconWrapper({\n    children: props.children,\n    componentName: ToggleIconButton.displayName,\n  });\n\n  return (\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  );\n};\nToggleIconButton.displayName = 'ToggleIconButton';\nToggleIconButton.as = (\n  props: VariantProps<typeof toggleIconButtonStyles>,\n  className?: string | string[],\n) => cn(toggleIconButtonStyles({ ...props, className }));\n"]}