@fuf-stack/pixels 0.43.9 → 0.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/Alert/index.cjs +2 -2
  2. package/dist/Alert/index.js +1 -1
  3. package/dist/Button/index.cjs +2 -2
  4. package/dist/Button/index.d.cts +2 -2
  5. package/dist/Button/index.d.ts +2 -2
  6. package/dist/Button/index.js +1 -1
  7. package/dist/{Button-DykH6Lmz.d.cts → Button-BNrJYJDH.d.cts} +3 -1
  8. package/dist/{Button-DykH6Lmz.d.ts → Button-BNrJYJDH.d.ts} +3 -1
  9. package/dist/Json/index.cjs +3 -3
  10. package/dist/Json/index.css.map +1 -1
  11. package/dist/Json/index.js +2 -2
  12. package/dist/Label/index.cjs +2 -2
  13. package/dist/Label/index.d.cts +2 -2
  14. package/dist/Label/index.d.ts +2 -2
  15. package/dist/Label/index.js +1 -1
  16. package/dist/Label-B1a1krk8.d.cts +432 -0
  17. package/dist/Label-B1a1krk8.d.ts +432 -0
  18. package/dist/Popover/index.d.cts +3 -3
  19. package/dist/Popover/index.d.ts +3 -3
  20. package/dist/{Popover-Bxe50qlw.d.cts → Popover-Czc5-4V1.d.cts} +1 -1
  21. package/dist/{Popover-DhF3bXJE.d.ts → Popover-Dm_Dsjqw.d.ts} +1 -1
  22. package/dist/{chunk-RELR2OCI.js → chunk-6XNLMOET.js} +7 -5
  23. package/dist/chunk-6XNLMOET.js.map +1 -0
  24. package/dist/{chunk-MG3PTEMK.js → chunk-DBVM5SIA.js} +7 -7
  25. package/dist/{chunk-MG3PTEMK.js.map → chunk-DBVM5SIA.js.map} +1 -1
  26. package/dist/{chunk-PYXJNORH.cjs → chunk-J44KQ3VW.cjs} +3 -3
  27. package/dist/{chunk-PYXJNORH.cjs.map → chunk-J44KQ3VW.cjs.map} +1 -1
  28. package/dist/{chunk-AN7A66NS.cjs → chunk-K6UF4AGX.cjs} +7 -5
  29. package/dist/chunk-K6UF4AGX.cjs.map +1 -0
  30. package/dist/{chunk-YVPRFCWI.cjs → chunk-KWSGA623.cjs} +7 -7
  31. package/dist/chunk-KWSGA623.cjs.map +1 -0
  32. package/dist/{chunk-PLJWIGRS.cjs → chunk-PHQVYJS2.cjs} +62 -6
  33. package/dist/chunk-PHQVYJS2.cjs.map +1 -0
  34. package/dist/{chunk-5BUCFDWR.js → chunk-PUMF3NYY.js} +2 -2
  35. package/dist/chunk-X6JZFO33.js +127 -0
  36. package/dist/chunk-X6JZFO33.js.map +1 -0
  37. package/dist/index.cjs +5 -5
  38. package/dist/index.css.map +1 -1
  39. package/dist/index.d.cts +3 -3
  40. package/dist/index.d.ts +3 -3
  41. package/dist/index.js +4 -4
  42. package/package.json +1 -1
  43. package/dist/Label-Bp9WZiDB.d.cts +0 -152
  44. package/dist/Label-Bp9WZiDB.d.ts +0 -152
  45. package/dist/chunk-AN7A66NS.cjs.map +0 -1
  46. package/dist/chunk-KIRRQFSZ.js +0 -71
  47. package/dist/chunk-KIRRQFSZ.js.map +0 -1
  48. package/dist/chunk-PLJWIGRS.cjs.map +0 -1
  49. package/dist/chunk-RELR2OCI.js.map +0 -1
  50. package/dist/chunk-YVPRFCWI.cjs.map +0 -1
  51. /package/dist/{chunk-5BUCFDWR.js.map → chunk-PUMF3NYY.js.map} +0 -0
@@ -46,10 +46,11 @@ var buttonVariants = _pixelutils.tv.call(void 0, {
46
46
  base: "",
47
47
  variants: {
48
48
  color: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {
49
+ // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts
49
50
  info: ""
50
51
  }, _theme.button.variants.color),
51
- variant: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, _theme.button.variants.variant),
52
- size: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {}, _theme.button.variants.size)
52
+ variant: _theme.button.variants.variant,
53
+ size: _theme.button.variants.size
53
54
  },
54
55
  compoundVariants: [
55
56
  // white text on solid / shadow success button
@@ -106,12 +107,13 @@ var Button = ({
106
107
  children = void 0,
107
108
  className = void 0,
108
109
  color = "default",
109
- disabled = false,
110
110
  disableAnimation = false,
111
+ disabled = false,
111
112
  icon = void 0,
112
113
  loading = false,
113
114
  onClick = void 0,
114
115
  radius = void 0,
116
+ ripple = false,
115
117
  size = void 0,
116
118
  testId = void 0,
117
119
  type = void 0,
@@ -125,7 +127,7 @@ var Button = ({
125
127
  color,
126
128
  "data-testid": testId,
127
129
  disableAnimation,
128
- disableRipple: disableAnimation,
130
+ disableRipple: disableAnimation || !ripple,
129
131
  isDisabled: disabled,
130
132
  isIconOnly: !!(icon && !children),
131
133
  isLoading: loading,
@@ -152,4 +154,4 @@ var Button_default2 = Button_default;
152
154
 
153
155
 
154
156
  exports.buttonVariants = buttonVariants; exports.Button_default = Button_default; exports.Button_default2 = Button_default2;
155
- //# sourceMappingURL=chunk-AN7A66NS.cjs.map
157
+ //# sourceMappingURL=chunk-K6UF4AGX.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-K6UF4AGX.cjs","../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"names":["jsxs","jsx","Button_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-K6UF4AGX.cjs","sourcesContent":[null,"import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\nimport { button as heroButtonVariants } from '@heroui/theme';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n base: '',\n variants: {\n color: {\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts\n info: '',\n ...heroButtonVariants.variants.color,\n },\n variant: heroButtonVariants.variants.variant,\n size: heroButtonVariants.variants.size,\n },\n compoundVariants: [\n // white text on solid / shadow success button\n {\n color: 'success',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n // white text on solid / shadow warning button\n {\n color: 'warning',\n variant: ['solid', 'shadow'],\n class: 'text-white',\n },\n {\n color: 'info',\n variant: 'solid',\n class: 'bg-info text-info-foreground',\n },\n {\n color: 'info',\n variant: 'shadow',\n class: 'text-info-foreground\" bg-info shadow-lg shadow-info/40',\n },\n {\n color: 'info',\n variant: 'bordered',\n class: 'border-medium border-info bg-transparent text-info',\n },\n {\n color: 'info',\n variant: 'flat',\n class: 'bg-info/20 text-info-600',\n },\n {\n color: 'info',\n variant: 'faded',\n class: 'border-default bg-default-100 text-info',\n },\n {\n color: 'info',\n variant: 'light',\n class: 'bg-transparent text-info data-[hover=true]:bg-info-100',\n },\n {\n color: 'info',\n variant: 'ghost',\n class:\n 'border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground',\n },\n ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends VariantProps {\n /** sets HTML aria-label attribute */\n ariaLabel?: string;\n /** content of the button */\n children?: ReactNode;\n /** CSS class name */\n className?: string;\n /** color of the button */\n color?: HeroButtonProps['color'];\n /** disables the button */\n disabled?: boolean;\n /** disables all animations */\n disableAnimation?: boolean;\n /** shows loading animation */\n loading?: boolean;\n /** optional icon */\n icon?: ReactNode;\n /** click event handler */\n onClick?: HeroButtonProps['onPress'];\n /** border radius size */\n radius?: HeroButtonProps['radius'];\n /** enable ripple animation effect on click */\n ripple?: boolean;\n /** size options */\n size?: HeroButtonProps['size'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** HTML button type attribute */\n type?: 'button' | 'submit' | 'reset' | undefined;\n /** visual style variant */\n variant?: HeroButtonProps['variant'];\n}\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = ({\n ariaLabel = undefined,\n children = undefined,\n className = undefined,\n color = 'default',\n disableAnimation = false,\n disabled = false,\n icon = undefined,\n loading = false,\n onClick = undefined,\n radius = undefined,\n ripple = false,\n size = undefined,\n testId = undefined,\n type = undefined,\n variant = 'solid',\n}: ButtonProps) => {\n return (\n <HeroButton\n aria-label={ariaLabel}\n className={buttonVariants({ color, variant, className })}\n color={color}\n data-testid={testId}\n disableAnimation={disableAnimation}\n disableRipple={disableAnimation || !ripple}\n isDisabled={disabled}\n isIconOnly={!!(icon && !children)}\n isLoading={loading}\n onPress={onClick}\n radius={radius}\n size={size}\n spinner={<LoadingSpinner />}\n type={type}\n variant={variant}\n >\n {icon}\n {children}\n </HeroButton>\n );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nexport default () => (\n <svg\n className=\"h-5 w-5 animate-spin text-current\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n className=\"opacity-25\"\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n stroke=\"currentColor\"\n strokeWidth=\"4\"\n />\n <path\n className=\"opacity-75\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"]}
@@ -55,7 +55,7 @@ var alertVariants = _pixelutils.tv.call(void 0, {
55
55
  variant: "flat",
56
56
  className: {
57
57
  alertIcon: "fill-current",
58
- base: "dark:bg-info-50/50 bg-info-50 text-info-600",
58
+ base: "bg-info-50 text-info-600 dark:bg-info-50/50",
59
59
  closeButton: "text-info-500 data-[hover]:bg-info-200",
60
60
  iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100"
61
61
  }
@@ -65,7 +65,7 @@ var alertVariants = _pixelutils.tv.call(void 0, {
65
65
  variant: "faded",
66
66
  className: {
67
67
  alertIcon: "fill-current",
68
- base: "dark:bg-info-50/50 border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100",
68
+ base: "border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50/50",
69
69
  closeButton: "text-info-500 data-[hover]:bg-info-200",
70
70
  iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100"
71
71
  }
@@ -101,15 +101,15 @@ var Alert = ({
101
101
  variant,
102
102
  sizeLimit
103
103
  });
104
- const isHeroUIColor = Object.keys(_theme.alert.variants.color).includes(
105
- color
106
- );
107
104
  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
105
+ const heroColor = Object.keys(_theme.alert.variants.color).includes(
106
+ color
107
+ ) ? color : void 0;
108
108
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
109
109
  _alert.Alert,
110
110
  {
111
111
  classNames,
112
- color: isHeroUIColor ? color : void 0,
112
+ color: heroColor,
113
113
  "data-testid": testId,
114
114
  description: title ? children : void 0,
115
115
  endContent,
@@ -132,4 +132,4 @@ var Alert_default2 = Alert_default;
132
132
 
133
133
 
134
134
  exports.alertVariants = alertVariants; exports.Alert_default = Alert_default; exports.Alert_default2 = Alert_default2;
135
- //# sourceMappingURL=chunk-YVPRFCWI.cjs.map
135
+ //# sourceMappingURL=chunk-KWSGA623.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-KWSGA623.cjs","../src/Alert/Alert.tsx","../src/Alert/index.ts"],"names":["Alert_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACAA,sCAAmC;AACnC,sCAA2C;AAE3C,oDAAyC;AA+IrC,+CAAA;AA7IG,IAAM,cAAA,EAAgB,4BAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,WAAA,EAAa,EAAA;AAAA,IACb,WAAA,EAAa,EAAA;AAAA,IACb,WAAA,EAAa,EAAA;AAAA,IACb,WAAA,EAAa,EAAA;AAAA,IACb,SAAA,EAAW;AAAA,EACb,CAAA;AAAA,EACA,QAAA,EAAU;AAAA;AAAA,IAER,KAAA,EAAO,8CAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,WAAA,EAAa,cAAA;AAAA,QACb,KAAA,EAAO,cAAA;AAAA,QACP,WAAA,EAAa;AAAA,MACf;AAAA,IAAA,CAAA,EACG,YAAA,CAAkB,QAAA,CAAS,KAAA,CAAA;AAAA,IAEhC,OAAA,EAAS,8CAAA,CAAA,CAAA,EACJ,YAAA,CAAkB,QAAA,CAAS,OAAA,CAAA;AAAA,IAEhC,SAAA,EAAW;AAAA,MACT,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,GAAG,YAAA,CAAkB,gBAAA;AAAA,IACrB;AAAA,MACE,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,OAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,8BAAA;AAAA,QACN,SAAA,EAAW,sBAAA;AAAA,QACX,WAAA,EAAa;AAAA,MACf;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,MAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,SAAA,EAAW,cAAA;AAAA,QACX,IAAA,EAAM,6CAAA;AAAA,QACN,WAAA,EAAa,wCAAA;AAAA,QACb,WAAA,EAAa;AAAA,MACf;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,OAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,SAAA,EAAW,cAAA;AAAA,QACX,IAAA,EAAM,+FAAA;AAAA,QACN,WAAA,EAAa,wCAAA;AAAA,QACb,WAAA,EAAa;AAAA,MACf;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,KAAA,EAAO,MAAA;AAAA,MACP,OAAA,EAAS,UAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,SAAA,EAAW,cAAA;AAAA,QACX,IAAA,EAAM,oCAAA;AAAA,QACN,WAAA,EAAa,wCAAA;AAAA,QACb,WAAA,EAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AAmCD,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,SAAA,EAAW,KAAA,CAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,MAAA,EAAQ,SAAA;AAAA,EACR,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,KAAA,EAAO,KAAA,CAAA;AAAA,EACP,WAAA,EAAa,KAAA;AAAA,EACb,QAAA,EAAU,KAAA,CAAA;AAAA,EACV,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,SAAA,EAAW,IAAA;AAAA,EACX,OAAA,EAAS,KAAA,CAAA;AAAA,EACT,MAAA,EAAQ,KAAA,CAAA;AAAA,EACR,QAAA,EAAU;AACZ,CAAA,EAAA,GAAkB;AAChB,EAAA,MAAM,SAAA,EAAW,aAAA,CAAc;AAAA,IAC7B,KAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,EACF,CAAC,CAAA;AACD,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,SAAA,EAAW,MAAM,CAAA;AAGnE,EAAA,MAAM,UAAA,EAAY,MAAA,CAAO,IAAA,CAAK,YAAA,CAAkB,QAAA,CAAS,KAAK,CAAA,CAAE,QAAA;AAAA,IAC9D;AAAA,EACF,EAAA,EACK,MAAA,EACD,KAAA,CAAA;AAEJ,EAAA,uBACE,6BAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,KAAA,EAAO,SAAA;AAAA,MACP,aAAA,EAAa,MAAA;AAAA,MACb,WAAA,EAAa,MAAA,EAAQ,SAAA,EAAW,KAAA,CAAA;AAAA,MAChC,UAAA;AAAA,MACA,QAAA,EAAU,CAAC,QAAA;AAAA,MACX,IAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA,EAAQ,MAAA,GAAS,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,EAAQ,KAAA;ADzCf;AACA;AExHA,IAAOA,eAAAA,EAAQ,aAAA;AF0Hf;AACA;AACE;AACA;AACA;AACF,sHAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-KWSGA623.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n slots: {\n base: '',\n title: '',\n description: '',\n mainWrapper: '',\n closeButton: '',\n iconWrapper: '',\n alertIcon: '',\n },\n variants: {\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n color: {\n info: {\n mainWrapper: 'text-inherit',\n title: 'text-inherit',\n description: 'text-inherit',\n },\n ...heroAlertVariants.variants.color,\n },\n variant: {\n ...heroAlertVariants.variants.variant,\n },\n sizeLimit: {\n height: {\n base: 'max-h-[150px] overflow-y-auto overflow-x-hidden',\n },\n width: {\n base: 'max-w-[480px] overflow-x-auto overflow-y-hidden',\n },\n both: {\n base: 'max-h-[150px] max-w-[480px] overflow-y-auto overflow-x-hidden',\n },\n },\n },\n compoundVariants: [\n ...heroAlertVariants.compoundVariants,\n {\n color: 'info',\n variant: 'solid',\n className: {\n base: 'bg-info text-info-foreground',\n alertIcon: 'text-info-foreground',\n closeButton: 'text-inherit',\n },\n },\n {\n color: 'info',\n variant: 'flat',\n className: {\n alertIcon: 'fill-current',\n base: 'bg-info-50 text-info-600 dark:bg-info-50/50',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n },\n },\n {\n color: 'info',\n variant: 'faded',\n className: {\n alertIcon: 'fill-current',\n base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50/50',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n },\n },\n {\n color: 'info',\n variant: 'bordered',\n className: {\n alertIcon: 'fill-current',\n base: 'border-small border-info text-info',\n closeButton: 'text-info-500 data-[hover]:bg-info-200',\n iconWrapper: 'bg-info-100 dark:bg-info-50',\n },\n },\n ],\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\nexport interface AlertProps extends VariantProps {\n /** Content displayed inside the Alert if no description is given! */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** Color scheme of the Alert */\n color?: VariantProps['color'];\n /** Content displayed at the end of the Alert */\n endContent?: ReactNode;\n /** Icon displayed at the start of the Alert */\n icon?: ReactNode;\n /** Whether the Alert can be closed */\n isClosable?: boolean;\n /** Callback fired when the close button is clicked */\n onClose?: () => void | undefined;\n /** Whether to show the icon at the start */\n showIcon?: boolean;\n /** limit height to 150px or width to 480px or both */\n sizeLimit?: VariantProps['sizeLimit'];\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** Title displayed in the Alert above the content */\n title?: ReactNode;\n /** Style variant of the Alert */\n variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n children = undefined,\n className = undefined,\n color = 'primary',\n endContent = undefined,\n icon = undefined,\n isClosable = false,\n onClose = undefined,\n sizeLimit = undefined,\n showIcon = true,\n testId = undefined,\n title = undefined,\n variant = 'solid',\n}: AlertProps) => {\n const variants = alertVariants({\n color,\n variant,\n sizeLimit,\n });\n const classNames = variantsToClassNames(variants, className, 'base');\n\n // pass color prop for heroui colors\n const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n color,\n )\n ? (color as HeroAlertProps['color'])\n : undefined;\n\n return (\n <HeroAlert\n classNames={classNames}\n color={heroColor}\n data-testid={testId}\n description={title ? children : undefined}\n endContent={endContent}\n hideIcon={!showIcon}\n icon={icon}\n isClosable={isClosable}\n onClose={onClose}\n title={(title || children) as string}\n variant={variant}\n />\n );\n};\n\nexport default Alert;\n","import Alert, { alertVariants } from './Alert';\n\nexport type { AlertProps } from './Alert';\n\nexport { Alert, alertVariants };\n\nexport default Alert;\n"]}
@@ -1,5 +1,10 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Label/Label.tsx
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
+
3
+ var _chunkD4TLDLEXcjs = require('./chunk-D4TLDLEX.cjs');
4
+
5
+ // src/Label/Label.tsx
2
6
  var _chip = require('@heroui/chip');
7
+ var _theme = require('@heroui/theme');
3
8
  var _pixelutils = require('@fuf-stack/pixel-utils');
4
9
  var _jsxruntime = require('react/jsx-runtime');
5
10
  var labelVariants = _pixelutils.tv.call(void 0, {
@@ -11,6 +16,12 @@ var labelVariants = _pixelutils.tv.call(void 0, {
11
16
  icon: ""
12
17
  },
13
18
  variants: {
19
+ color: _chunkD4TLDLEXcjs.__spreadValues.call(void 0, {
20
+ // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
21
+ info: {
22
+ dot: "bg-info"
23
+ }
24
+ }, _theme.chip.variants.color),
14
25
  isIconOnly: {
15
26
  true: {
16
27
  content: "px-1"
@@ -23,8 +34,54 @@ var labelVariants = _pixelutils.tv.call(void 0, {
23
34
  true: {
24
35
  base: "pr-2"
25
36
  }
37
+ },
38
+ variant: _theme.chip.variants.variant
39
+ },
40
+ defaultVariants: _theme.chip.defaultVariants,
41
+ compoundVariants: [
42
+ // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
43
+ ..._theme.chip.compoundVariants,
44
+ // solid / color info
45
+ {
46
+ variant: "solid",
47
+ color: "info",
48
+ class: {
49
+ base: "bg-info text-info-foreground"
50
+ }
51
+ },
52
+ // bordered / color info
53
+ {
54
+ variant: "bordered",
55
+ color: "info",
56
+ class: {
57
+ base: "border-info text-info"
58
+ }
59
+ },
60
+ // light / color info
61
+ {
62
+ variant: "light",
63
+ color: "info",
64
+ class: {
65
+ base: "text-info"
66
+ }
67
+ },
68
+ // flat / color info
69
+ {
70
+ variant: "flat",
71
+ color: "info",
72
+ class: {
73
+ base: "bg-info/20 text-info-600"
74
+ }
75
+ },
76
+ // faded / color info
77
+ {
78
+ variant: "faded",
79
+ color: "info",
80
+ class: {
81
+ base: "border-default text-info"
82
+ }
26
83
  }
27
- }
84
+ ]
28
85
  });
29
86
  var Label = ({
30
87
  children = void 0,
@@ -39,16 +96,15 @@ var Label = ({
39
96
  }) => {
40
97
  const isIconOnly = !!icon && !children && !endContent;
41
98
  const hasEndContent = !!endContent;
42
- const variants = labelVariants({ isIconOnly, hasEndContent });
99
+ const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });
43
100
  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
44
101
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
45
102
  _chip.Chip,
46
103
  {
47
104
  classNames,
48
- color,
49
105
  endContent,
50
- radius,
51
106
  onClose,
107
+ radius,
52
108
  size,
53
109
  variant,
54
110
  children: [
@@ -68,4 +124,4 @@ var Label_default2 = Label_default;
68
124
 
69
125
 
70
126
  exports.labelVariants = labelVariants; exports.Label_default = Label_default; exports.Label_default2 = Label_default2;
71
- //# sourceMappingURL=chunk-PLJWIGRS.cjs.map
127
+ //# sourceMappingURL=chunk-PHQVYJS2.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PHQVYJS2.cjs","../src/Label/Label.tsx","../src/Label/index.ts"],"names":["Label_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PHQVYJS2.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps as HeroLabelProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\nimport { chip as heroLabelVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n slots: {\n base: '',\n closeButton: '',\n content: '',\n dot: '',\n icon: '',\n },\n variants: {\n color: {\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n info: {\n dot: 'bg-info',\n },\n ...heroLabelVariants.variants.color,\n },\n isIconOnly: {\n true: {\n content: 'px-1',\n },\n false: {\n content: 'flex items-center gap-2',\n },\n },\n hasEndContent: {\n true: {\n base: 'pr-2',\n },\n },\n variant: heroLabelVariants.variants.variant,\n },\n defaultVariants: heroLabelVariants.defaultVariants,\n compoundVariants: [\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n ...heroLabelVariants.compoundVariants,\n // solid / color info\n {\n variant: 'solid',\n color: 'info',\n class: {\n base: 'bg-info text-info-foreground',\n },\n },\n // bordered / color info\n {\n variant: 'bordered',\n color: 'info',\n class: {\n base: 'border-info text-info',\n },\n },\n // light / color info\n {\n variant: 'light',\n color: 'info',\n class: {\n base: 'text-info',\n },\n },\n // flat / color info\n {\n variant: 'flat',\n color: 'info',\n class: {\n base: 'bg-info/20 text-info-600',\n },\n },\n // faded / color info\n {\n variant: 'faded',\n color: 'info',\n class: {\n base: 'border-default text-info',\n },\n },\n ],\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n /** content of the label */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** color of the label */\n color?: VariantProps['color'];\n /** element to be rendered in the right side of the label */\n endContent?: HeroLabelProps['endContent'];\n /** optional label icon, when only icon provided without children and endContent */\n icon?: ReactNode;\n /** add close button to endContent */\n onClose?: HeroLabelProps['onClose'];\n /** radius of the label */\n radius?: HeroLabelProps['radius'];\n /** size of the label */\n size?: HeroLabelProps['size'];\n /** style variant of the label */\n variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n children = undefined,\n className: _className = undefined,\n color = 'default',\n endContent = undefined,\n icon = undefined,\n onClose = undefined,\n radius = 'full',\n size = 'md',\n variant = 'solid',\n}: LabelProps) => {\n // determine variants based on props\n const isIconOnly = !!icon && !children && !endContent;\n const hasEndContent = !!endContent;\n\n // classNames from slots\n const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <HeroLabel\n classNames={classNames}\n endContent={endContent}\n onClose={onClose}\n radius={radius}\n size={size}\n variant={variant}\n >\n {icon && <span className={classNames.icon}>{icon}</span>}\n {children}\n </HeroLabel>\n );\n};\n\nexport default Label;\n","import Label, { labelVariants } from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label, labelVariants };\n\nexport default Label;\n"]}
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Button_default
3
- } from "./chunk-RELR2OCI.js";
3
+ } from "./chunk-6XNLMOET.js";
4
4
  import {
5
5
  __commonJS,
6
6
  __toESM
@@ -2713,4 +2713,4 @@ export {
2713
2713
  Json_default,
2714
2714
  Json_default2
2715
2715
  };
2716
- //# sourceMappingURL=chunk-5BUCFDWR.js.map
2716
+ //# sourceMappingURL=chunk-PUMF3NYY.js.map
@@ -0,0 +1,127 @@
1
+ import {
2
+ __spreadValues
3
+ } from "./chunk-J7N2552D.js";
4
+
5
+ // src/Label/Label.tsx
6
+ import { Chip as HeroLabel } from "@heroui/chip";
7
+ import { chip as heroLabelVariants } from "@heroui/theme";
8
+ import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
9
+ import { jsx, jsxs } from "react/jsx-runtime";
10
+ var labelVariants = tv({
11
+ slots: {
12
+ base: "",
13
+ closeButton: "",
14
+ content: "",
15
+ dot: "",
16
+ icon: ""
17
+ },
18
+ variants: {
19
+ color: __spreadValues({
20
+ // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
21
+ info: {
22
+ dot: "bg-info"
23
+ }
24
+ }, heroLabelVariants.variants.color),
25
+ isIconOnly: {
26
+ true: {
27
+ content: "px-1"
28
+ },
29
+ false: {
30
+ content: "flex items-center gap-2"
31
+ }
32
+ },
33
+ hasEndContent: {
34
+ true: {
35
+ base: "pr-2"
36
+ }
37
+ },
38
+ variant: heroLabelVariants.variants.variant
39
+ },
40
+ defaultVariants: heroLabelVariants.defaultVariants,
41
+ compoundVariants: [
42
+ // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
43
+ ...heroLabelVariants.compoundVariants,
44
+ // solid / color info
45
+ {
46
+ variant: "solid",
47
+ color: "info",
48
+ class: {
49
+ base: "bg-info text-info-foreground"
50
+ }
51
+ },
52
+ // bordered / color info
53
+ {
54
+ variant: "bordered",
55
+ color: "info",
56
+ class: {
57
+ base: "border-info text-info"
58
+ }
59
+ },
60
+ // light / color info
61
+ {
62
+ variant: "light",
63
+ color: "info",
64
+ class: {
65
+ base: "text-info"
66
+ }
67
+ },
68
+ // flat / color info
69
+ {
70
+ variant: "flat",
71
+ color: "info",
72
+ class: {
73
+ base: "bg-info/20 text-info-600"
74
+ }
75
+ },
76
+ // faded / color info
77
+ {
78
+ variant: "faded",
79
+ color: "info",
80
+ class: {
81
+ base: "border-default text-info"
82
+ }
83
+ }
84
+ ]
85
+ });
86
+ var Label = ({
87
+ children = void 0,
88
+ className: _className = void 0,
89
+ color = "default",
90
+ endContent = void 0,
91
+ icon = void 0,
92
+ onClose = void 0,
93
+ radius = "full",
94
+ size = "md",
95
+ variant = "solid"
96
+ }) => {
97
+ const isIconOnly = !!icon && !children && !endContent;
98
+ const hasEndContent = !!endContent;
99
+ const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });
100
+ const classNames = variantsToClassNames(variants, _className, "base");
101
+ return /* @__PURE__ */ jsxs(
102
+ HeroLabel,
103
+ {
104
+ classNames,
105
+ endContent,
106
+ onClose,
107
+ radius,
108
+ size,
109
+ variant,
110
+ children: [
111
+ icon && /* @__PURE__ */ jsx("span", { className: classNames.icon, children: icon }),
112
+ children
113
+ ]
114
+ }
115
+ );
116
+ };
117
+ var Label_default = Label;
118
+
119
+ // src/Label/index.ts
120
+ var Label_default2 = Label_default;
121
+
122
+ export {
123
+ labelVariants,
124
+ Label_default,
125
+ Label_default2
126
+ };
127
+ //# sourceMappingURL=chunk-X6JZFO33.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps as HeroLabelProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\nimport { chip as heroLabelVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n slots: {\n base: '',\n closeButton: '',\n content: '',\n dot: '',\n icon: '',\n },\n variants: {\n color: {\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n info: {\n dot: 'bg-info',\n },\n ...heroLabelVariants.variants.color,\n },\n isIconOnly: {\n true: {\n content: 'px-1',\n },\n false: {\n content: 'flex items-center gap-2',\n },\n },\n hasEndContent: {\n true: {\n base: 'pr-2',\n },\n },\n variant: heroLabelVariants.variants.variant,\n },\n defaultVariants: heroLabelVariants.defaultVariants,\n compoundVariants: [\n // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n ...heroLabelVariants.compoundVariants,\n // solid / color info\n {\n variant: 'solid',\n color: 'info',\n class: {\n base: 'bg-info text-info-foreground',\n },\n },\n // bordered / color info\n {\n variant: 'bordered',\n color: 'info',\n class: {\n base: 'border-info text-info',\n },\n },\n // light / color info\n {\n variant: 'light',\n color: 'info',\n class: {\n base: 'text-info',\n },\n },\n // flat / color info\n {\n variant: 'flat',\n color: 'info',\n class: {\n base: 'bg-info/20 text-info-600',\n },\n },\n // faded / color info\n {\n variant: 'faded',\n color: 'info',\n class: {\n base: 'border-default text-info',\n },\n },\n ],\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n /** content of the label */\n children?: ReactNode;\n /** CSS class name */\n className?: ClassName;\n /** color of the label */\n color?: VariantProps['color'];\n /** element to be rendered in the right side of the label */\n endContent?: HeroLabelProps['endContent'];\n /** optional label icon, when only icon provided without children and endContent */\n icon?: ReactNode;\n /** add close button to endContent */\n onClose?: HeroLabelProps['onClose'];\n /** radius of the label */\n radius?: HeroLabelProps['radius'];\n /** size of the label */\n size?: HeroLabelProps['size'];\n /** style variant of the label */\n variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n children = undefined,\n className: _className = undefined,\n color = 'default',\n endContent = undefined,\n icon = undefined,\n onClose = undefined,\n radius = 'full',\n size = 'md',\n variant = 'solid',\n}: LabelProps) => {\n // determine variants based on props\n const isIconOnly = !!icon && !children && !endContent;\n const hasEndContent = !!endContent;\n\n // classNames from slots\n const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });\n const classNames = variantsToClassNames(variants, _className, 'base');\n\n return (\n <HeroLabel\n classNames={classNames}\n endContent={endContent}\n onClose={onClose}\n radius={radius}\n size={size}\n variant={variant}\n >\n {icon && <span className={classNames.icon}>{icon}</span>}\n {children}\n </HeroLabel>\n );\n};\n\nexport default Label;\n","import Label, { labelVariants } from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label, labelVariants };\n\nexport default Label;\n"],"mappings":";;;;;AAIA,SAAS,QAAQ,iBAAiB;AAClC,SAAS,QAAQ,yBAAyB;AAE1C,SAAS,IAAI,4BAA4B;AAgIrC,SAQW,KARX;AA7HG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA;AAAA,MAEL,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,OACG,kBAAkB,SAAS;AAAA,IAEhC,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,SAAS,kBAAkB,SAAS;AAAA,EACtC;AAAA,EACA,iBAAiB,kBAAkB;AAAA,EACnC,kBAAkB;AAAA;AAAA,IAEhB,GAAG,kBAAkB;AAAA;AAAA,IAErB;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA6BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAkB;AAEhB,QAAM,aAAa,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;AAC3C,QAAM,gBAAgB,CAAC,CAAC;AAGxB,QAAM,WAAW,cAAc,EAAE,OAAO,YAAY,eAAe,QAAQ,CAAC;AAC5E,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,gBAAQ,oBAAC,UAAK,WAAW,WAAW,MAAO,gBAAK;AAAA,QAChD;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;AC/If,IAAOA,iBAAQ;","names":["Label_default"]}
package/dist/index.cjs CHANGED
@@ -45,11 +45,11 @@ var _chunkMHZAWSFJcjs = require('./chunk-MHZAWSFJ.cjs');
45
45
  var _chunk7RVUB6I5cjs = require('./chunk-7RVUB6I5.cjs');
46
46
 
47
47
 
48
- var _chunkPYXJNORHcjs = require('./chunk-PYXJNORH.cjs');
48
+ var _chunkJ44KQ3VWcjs = require('./chunk-J44KQ3VW.cjs');
49
49
 
50
50
 
51
51
 
52
- var _chunkPLJWIGRScjs = require('./chunk-PLJWIGRS.cjs');
52
+ var _chunkPHQVYJS2cjs = require('./chunk-PHQVYJS2.cjs');
53
53
 
54
54
 
55
55
  var _chunkXHOAZB2Zcjs = require('./chunk-XHOAZB2Z.cjs');
@@ -68,7 +68,7 @@ var _chunk2P5WWVQ6cjs = require('./chunk-2P5WWVQ6.cjs');
68
68
 
69
69
 
70
70
 
71
- var _chunkYVPRFCWIcjs = require('./chunk-YVPRFCWI.cjs');
71
+ var _chunkKWSGA623cjs = require('./chunk-KWSGA623.cjs');
72
72
 
73
73
 
74
74
  var _chunkLIZGYO24cjs = require('./chunk-LIZGYO24.cjs');
@@ -85,7 +85,7 @@ var _chunkZZOEFQWQcjs = require('./chunk-ZZOEFQWQ.cjs');
85
85
 
86
86
 
87
87
 
88
- var _chunkAN7A66NScjs = require('./chunk-AN7A66NS.cjs');
88
+ var _chunkK6UF4AGXcjs = require('./chunk-K6UF4AGX.cjs');
89
89
  require('./chunk-D4TLDLEX.cjs');
90
90
 
91
91
 
@@ -131,5 +131,5 @@ require('./chunk-D4TLDLEX.cjs');
131
131
 
132
132
 
133
133
 
134
- exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkYVPRFCWIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkAN7A66NScjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkPYXJNORHcjs.Json_default; exports.Label = _chunkPLJWIGRScjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunk4X7MUSJBcjs.Popover_default; exports.Progress = _chunkXOCP745Xcjs.Progress_default; exports.ProgressCircular = _chunkW2EOAUKEcjs.ProgressCircular_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkDIPW4WVJcjs.Tabs_default; exports.Toast = _chunkGXIDQFQ6cjs.Toast; exports.ToastProvider = _chunkGXIDQFQ6cjs.ToastProvider_default; exports.Tooltip = _chunkXWKXRSNYcjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = _chunkGXIDQFQ6cjs.addToast; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkAN7A66NScjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.labelVariants = _chunkPLJWIGRScjs.labelVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.progressCircularVariants = _chunkW2EOAUKEcjs.progressCircularVariants; exports.progressVariants = _chunkXOCP745Xcjs.progressVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkDIPW4WVJcjs.tabsVariants; exports.toastVariants = _chunkGXIDQFQ6cjs.toastVariants; exports.useDebounce = _chunkOLI32URUcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkOLI32URUcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkOLI32URUcjs.useLocalStorage;
134
+ exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkKWSGA623cjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkK6UF4AGXcjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunkJ44KQ3VWcjs.Json_default; exports.Label = _chunkPHQVYJS2cjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunk4X7MUSJBcjs.Popover_default; exports.Progress = _chunkXOCP745Xcjs.Progress_default; exports.ProgressCircular = _chunkW2EOAUKEcjs.ProgressCircular_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkDIPW4WVJcjs.Tabs_default; exports.Toast = _chunkGXIDQFQ6cjs.Toast; exports.ToastProvider = _chunkGXIDQFQ6cjs.ToastProvider_default; exports.Tooltip = _chunkXWKXRSNYcjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = _chunkGXIDQFQ6cjs.addToast; exports.alertVariants = _chunkKWSGA623cjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkK6UF4AGXcjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.labelVariants = _chunkPHQVYJS2cjs.labelVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.progressCircularVariants = _chunkW2EOAUKEcjs.progressCircularVariants; exports.progressVariants = _chunkXOCP745Xcjs.progressVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkDIPW4WVJcjs.tabsVariants; exports.toastVariants = _chunkGXIDQFQ6cjs.toastVariants; exports.useDebounce = _chunkOLI32URUcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkOLI32URUcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkOLI32URUcjs.useLocalStorage;
135
135
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Json/theme.css"],"sourcesContent":["/********************************************************************\n * light theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\n ********************************************************************/\n :root {\n --w-rjv-font-family: monospace;\n --w-rjv-color: #002b36;\n --w-rjv-key-string: #002b36;\n --w-rjv-background-color: unset;\n --w-rjv-line-color: #ebebeb;\n --w-rjv-arrow-color: var(--w-rjv-color);\n --w-rjv-edit-color: var(--w-rjv-color);\n --w-rjv-info-color: rgba(0, 0, 0, 0.3);\n --w-rjv-update-color: #ebcb8b;\n --w-rjv-copied-color: #002b36;\n --w-rjv-copied-success-color: #28a745;\n\n --w-rjv-curlybraces-color: #236a7c;\n --w-rjv-colon-color: #002b36;\n --w-rjv-brackets-color: #236a7c;\n --w-rjv-quotes-color: var(--w-rjv-key-string);\n --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n --w-rjv-type-string-color: #cb4b16;\n --w-rjv-type-int-color: #268bd2;\n --w-rjv-type-float-color: #859900;\n --w-rjv-type-bigint-color: #268bd2;\n --w-rjv-type-boolean-color: #2aa198;\n --w-rjv-type-date-color: #586e75;\n --w-rjv-type-url-color: #0969da;\n --w-rjv-type-null-color: #d33682;\n --w-rjv-type-nan-color: #859900;\n --w-rjv-type-undefined-color: #586e75;\n}\n\n/********************************************************************\n * dark theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/vscode.ts\n ********************************************************************/\n:root[data-theme=\"dark\"] {\n --w-rjv-font-family: monospace;\n --w-rjv-color: #9cdcfe;\n --w-rjv-key-string: #9cdcfe;\n --w-rjv-background-color: unset;\n --w-rjv-line-color: rgba(54, 51, 66, 0.5);\n --w-rjv-arrow-color: #838383;\n --w-rjv-edit-color: var(--w-rjv-color);\n --w-rjv-info-color: rgba(156, 156, 156, 0.48);\n --w-rjv-update-color: #9cdcfe;\n --w-rjv-copied-color: #9cdcfe;\n --w-rjv-copied-success-color: #28a745;\n\n --w-rjv-curlybraces-color: #d4d4d4;\n --w-rjv-colon-color: #d4d4d4;\n --w-rjv-brackets-color: #d4d4d4;\n --w-rjv-quotes-color: var(--w-rjv-key-string);\n --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n --w-rjv-type-string-color: #ce9178;\n --w-rjv-type-int-color: #b5cea8;\n --w-rjv-type-float-color: #b5cea8;\n --w-rjv-type-bigint-color: #b5cea8;\n --w-rjv-type-boolean-color: #569cd6;\n --w-rjv-type-date-color: #b5cea8;\n --w-rjv-type-url-color: #3b89cf;\n --w-rjv-type-null-color: #569cd6;\n --w-rjv-type-nan-color: #859900;\n --w-rjv-type-undefined-color: #569cd6;\n}\n"],"mappings":";AAIC;AACC,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB;AACpB,uBAAqB,IAAI;AACzB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAClC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;AAMA,KAAK,CAAC;AACJ,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACrC,uBAAqB;AACrB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACxC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;","names":[]}
1
+ {"version":3,"sources":["../src/Json/theme.css"],"sourcesContent":["/********************************************************************\n * light theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/light.ts\n ********************************************************************/\n:root {\n --w-rjv-font-family: monospace;\n --w-rjv-color: #002b36;\n --w-rjv-key-string: #002b36;\n --w-rjv-background-color: unset;\n --w-rjv-line-color: #ebebeb;\n --w-rjv-arrow-color: var(--w-rjv-color);\n --w-rjv-edit-color: var(--w-rjv-color);\n --w-rjv-info-color: rgba(0, 0, 0, 0.3);\n --w-rjv-update-color: #ebcb8b;\n --w-rjv-copied-color: #002b36;\n --w-rjv-copied-success-color: #28a745;\n\n --w-rjv-curlybraces-color: #236a7c;\n --w-rjv-colon-color: #002b36;\n --w-rjv-brackets-color: #236a7c;\n --w-rjv-quotes-color: var(--w-rjv-key-string);\n --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n --w-rjv-type-string-color: #cb4b16;\n --w-rjv-type-int-color: #268bd2;\n --w-rjv-type-float-color: #859900;\n --w-rjv-type-bigint-color: #268bd2;\n --w-rjv-type-boolean-color: #2aa198;\n --w-rjv-type-date-color: #586e75;\n --w-rjv-type-url-color: #0969da;\n --w-rjv-type-null-color: #d33682;\n --w-rjv-type-nan-color: #859900;\n --w-rjv-type-undefined-color: #586e75;\n}\n\n/********************************************************************\n * dark theme variables\n * see: https://github.com/uiwjs/react-json-view/blob/main/core/src/theme/vscode.ts\n ********************************************************************/\n:root[data-theme='dark'] {\n --w-rjv-font-family: monospace;\n --w-rjv-color: #9cdcfe;\n --w-rjv-key-string: #9cdcfe;\n --w-rjv-background-color: unset;\n --w-rjv-line-color: rgba(54, 51, 66, 0.5);\n --w-rjv-arrow-color: #838383;\n --w-rjv-edit-color: var(--w-rjv-color);\n --w-rjv-info-color: rgba(156, 156, 156, 0.48);\n --w-rjv-update-color: #9cdcfe;\n --w-rjv-copied-color: #9cdcfe;\n --w-rjv-copied-success-color: #28a745;\n\n --w-rjv-curlybraces-color: #d4d4d4;\n --w-rjv-colon-color: #d4d4d4;\n --w-rjv-brackets-color: #d4d4d4;\n --w-rjv-quotes-color: var(--w-rjv-key-string);\n --w-rjv-quotes-string-color: var(--w-rjv-type-string-color);\n\n --w-rjv-type-string-color: #ce9178;\n --w-rjv-type-int-color: #b5cea8;\n --w-rjv-type-float-color: #b5cea8;\n --w-rjv-type-bigint-color: #b5cea8;\n --w-rjv-type-boolean-color: #569cd6;\n --w-rjv-type-date-color: #b5cea8;\n --w-rjv-type-url-color: #3b89cf;\n --w-rjv-type-null-color: #569cd6;\n --w-rjv-type-nan-color: #859900;\n --w-rjv-type-undefined-color: #569cd6;\n}\n"],"mappings":";AAIA;AACE,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB;AACpB,uBAAqB,IAAI;AACzB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAClC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;AAMA,KAAK,CAAC;AACJ,uBAAqB;AACrB,iBAAe;AACf,sBAAoB;AACpB,4BAA0B;AAC1B,sBAAoB,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AACrC,uBAAqB;AACrB,sBAAoB,IAAI;AACxB,sBAAoB,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACxC,wBAAsB;AACtB,wBAAsB;AACtB,gCAA8B;AAE9B,6BAA2B;AAC3B,uBAAqB;AACrB,0BAAwB;AACxB,wBAAsB,IAAI;AAC1B,+BAA6B,IAAI;AAEjC,6BAA2B;AAC3B,0BAAwB;AACxB,4BAA0B;AAC1B,6BAA2B;AAC3B,8BAA4B;AAC5B,2BAAyB;AACzB,0BAAwB;AACxB,2BAAyB;AACzB,0BAAwB;AACxB,gCAA8B;AAChC;","names":[]}
package/dist/index.d.cts CHANGED
@@ -4,15 +4,15 @@ export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.cjs';
4
4
  export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-CUyQwK3t.cjs';
5
5
  export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.cjs';
6
6
  export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.cjs';
7
- export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-DykH6Lmz.cjs';
7
+ export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-BNrJYJDH.cjs';
8
8
  export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.cjs';
9
9
  export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.cjs';
10
10
  export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.cjs';
11
11
  export { J as Json, a as JsonProps } from './Json-Dny90Wml.cjs';
12
- export { L as Label, a as LabelProps, l as labelVariants } from './Label-Bp9WZiDB.cjs';
12
+ export { L as Label, a as LabelProps, l as labelVariants } from './Label-B1a1krk8.cjs';
13
13
  export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.cjs';
14
14
  export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.cjs';
15
- export { _ as Popover, P as PopoverProps } from './Popover-Bxe50qlw.cjs';
15
+ export { _ as Popover, P as PopoverProps } from './Popover-Czc5-4V1.cjs';
16
16
  export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-D9VbRNdF.cjs';
17
17
  export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-CR_BcIKV.cjs';
18
18
  export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.cjs';
package/dist/index.d.ts CHANGED
@@ -4,15 +4,15 @@ export { A as Avatar, a as AvatarProps } from './Avatar-ylNJ_-dY.js';
4
4
  export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BfOtqfJy.js';
5
5
  export { A as Badge, B as BadgeProps } from './Badge-CvXzljaJ.js';
6
6
  export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-1cB54eJk.js';
7
- export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-DykH6Lmz.js';
7
+ export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-BNrJYJDH.js';
8
8
  export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.js';
9
9
  export { C as Card, a as CardProps, c as cardVariants } from './Card-BdciRqJz.js';
10
10
  export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-BnV9qxPA.js';
11
11
  export { J as Json, a as JsonProps } from './Json-Dny90Wml.js';
12
- export { L as Label, a as LabelProps, l as labelVariants } from './Label-Bp9WZiDB.js';
12
+ export { L as Label, a as LabelProps, l as labelVariants } from './Label-B1a1krk8.js';
13
13
  export { M as Menu, b as MenuItem, a as MenuProps, c as MenuSection } from './Menu-DYi8oagz.js';
14
14
  export { M as Modal, a as ModalProps, m as modalVariants } from './Modal-DI5ZdS_3.js';
15
- export { _ as Popover, P as PopoverProps } from './Popover-DhF3bXJE.js';
15
+ export { _ as Popover, P as PopoverProps } from './Popover-Dm_Dsjqw.js';
16
16
  export { P as ProgressCircular, a as ProgressCircularProps, p as progressCircularVariants } from './ProgressCircular-D9VbRNdF.js';
17
17
  export { P as Progress, a as ProgressProps, p as progressVariants } from './Progress-CR_BcIKV.js';
18
18
  export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps, V as VariantProps, t as tableVariants } from './Table-D19f5nrd.js';
package/dist/index.js CHANGED
@@ -45,11 +45,11 @@ import {
45
45
  } from "./chunk-VBOUHWXM.js";
46
46
  import {
47
47
  Json_default
48
- } from "./chunk-5BUCFDWR.js";
48
+ } from "./chunk-PUMF3NYY.js";
49
49
  import {
50
50
  Label_default,
51
51
  labelVariants
52
- } from "./chunk-KIRRQFSZ.js";
52
+ } from "./chunk-X6JZFO33.js";
53
53
  import {
54
54
  Menu_default
55
55
  } from "./chunk-OP5W7BXY.js";
@@ -68,7 +68,7 @@ import {
68
68
  import {
69
69
  Alert_default,
70
70
  alertVariants
71
- } from "./chunk-MG3PTEMK.js";
71
+ } from "./chunk-DBVM5SIA.js";
72
72
  import {
73
73
  AvatarGroup_default
74
74
  } from "./chunk-3QICKBFS.js";
@@ -85,7 +85,7 @@ import {
85
85
  import {
86
86
  Button_default,
87
87
  buttonVariants
88
- } from "./chunk-RELR2OCI.js";
88
+ } from "./chunk-6XNLMOET.js";
89
89
  import "./chunk-J7N2552D.js";
90
90
  export {
91
91
  Accordion_default as Accordion,
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@fuf-stack/pixels",
3
3
  "description": "fuf core react component library",
4
4
  "author": "Hannes Tiede",
5
- "version": "0.43.9",
5
+ "version": "0.44.0",
6
6
  "type": "module",
7
7
  "main": "./dist/index.cjs",
8
8
  "module": "./dist/index.js",