@dreamcommerce/aurora 3.0.0-46 → 3.0.0-48

package/build/cjs/packages/aurora/src/components/accordion/accordion.js

@@ -5,16 +5,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
+var accordion_constants = require('./accordion_constants.js');
+var accordion_context = require('./context/accordion_context.js');
 
-var _excluded = ["className", "children"];
+var _excluded = ["className", "children", "variant"];
 var Accordion = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? accordion_constants.ACCORDION_VARIANTS.default : _ref$variant,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(AccordionPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
-    className: "aurora-border-t aurora-border-b [&:not(:first-of-type)]:aurora-border-t-0"
-  }, props), children);
+    className: "aurora-group"
+  }, props), /*#__PURE__*/React.createElement(accordion_context.AccordionContext.Provider, {
+    value: {
+      variant: variant
+    }
+  }, children));
 });
 Accordion.displayName = AccordionPrimitive.Root.displayName;
 

package/build/cjs/packages/aurora/src/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/accordion/accordion_constants.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ACCORDION_VARIANTS = {
+  default: 'default',
+  small: 'small'
+};
+
+exports.ACCORDION_VARIANTS = ACCORDION_VARIANTS;
+//# sourceMappingURL=accordion_constants.js.map

package/build/cjs/packages/aurora/src/components/accordion/accordion_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/accordion/context/accordion_context.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var accordion_constants = require('../accordion_constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var AccordionContext = /*#__PURE__*/React__default['default'].createContext({
+  variant: accordion_constants.ACCORDION_VARIANTS.default
+});
+
+exports.AccordionContext = AccordionContext;
+//# sourceMappingURL=accordion_context.js.map

package/build/cjs/packages/aurora/src/components/accordion/context/accordion_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_radio_item.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var css_icon_color_tokens = require('../../../constants/css_tokens/css_icon_color_tokens.js');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var cn = require('../../../utilities/cn.js');
-var css_icon_color_tokens = require('../../../constants/css_tokens/css_icon_color_tokens.js');
 var check_fill_icon = require('../../../assets/icons/check_fill_icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var css_icon_color_tokens = require('../../../constants/css_tokens/css_icon_color_tokens.js');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var cn = require('../../../utilities/cn.js');
 var arrow_right_line_icon = require('../../../assets/icons/arrow_right_line_icon.js');
-var css_icon_color_tokens = require('../../../constants/css_tokens/css_icon_color_tokens.js');
 var check_fill_icon = require('../../../assets/icons/check_fill_icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/build/cjs/packages/aurora/src/components/sidebar/components/sidebar_trigger.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var css_color_tokens_values = require('../../../constants/css_tokens/css_color_tokens_values.js');
 var cn = require('../../../utilities/cn.js');
 var index = require('../../../../../../external/class-variance-authority/dist/index.mjs.js');
-var css_color_tokens_values = require('../../../constants/css_tokens/css_color_tokens_values.js');
 var use_sidebar = require('../hooks/use_sidebar.js');
 var sidebar_constants = require('../sidebar_constants.js');
 var arrow_left_s_line_icon = require('../../../assets/icons/arrow_left_s_line_icon.js');

package/build/cjs/packages/aurora/src/components/sidebar/components/sidebar_trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,uEAA2E;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,uEAA2E;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/hooks/search/use_search.js

@@ -15,8 +15,19 @@ var useSearch = function useSearch(_ref) {
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     _items = _useState2[0],
     setItems = _useState2[1];
-  var search = function search(query) {
+  var _useState3 = React.useState(''),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    query = _useState4[0],
+    setQuery = _useState4[1];
+  React.useEffect(function () {
+    setItems(items);
+    setItems(searchStrategy(query, items, searchKey));
+  }, [items]);
+  React.useEffect(function () {
     setItems(searchStrategy(query, items, searchKey));
+  }, [query]);
+  var search = function search(query) {
+    setQuery(query);
   };
   return {
     search: search,

package/build/cjs/packages/aurora/src/hooks/search/use_search.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/index.js

@@ -2,9 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var accordion = require('./components/accordion/accordion.js');
-var action_list = require('./components/action_list/action_list.js');
-var box_constants = require('./components/box/box_constants.js');
 var css_background_tokens = require('./constants/css_tokens/css_background_tokens.js');
 var css_border_color_tokens = require('./constants/css_tokens/css_border_color_tokens.js');
 var css_border_radius_tokens = require('./constants/css_tokens/css_border_radius_tokens.js');
@@ -19,6 +16,10 @@ var css_margin_tokens = require('./constants/css_tokens/css_margin_tokens.js');
 var css_border_style_tokens = require('./constants/css_tokens/css_border_style_tokens.js');
 var css_position_tokens = require('./constants/css_tokens/css_position_tokens.js');
 var css_border_width_tokens = require('./constants/css_tokens/css_border_width_tokens.js');
+var css_icon_color_tokens = require('./constants/css_tokens/css_icon_color_tokens.js');
+var accordion = require('./components/accordion/accordion.js');
+var action_list = require('./components/action_list/action_list.js');
+var box_constants = require('./components/box/box_constants.js');
 var stack_constants = require('./components/stack/stack_constants.js');
 var stack = require('./components/stack/stack.js');
 var box = require('./components/box/box.js');
@@ -30,7 +31,6 @@ var divider = require('./components/divider/divider.js');
 var action_list_label = require('./components/action_list/components/action_list_label.js');
 var action_list_group = require('./components/action_list/components/action_list_group.js');
 var action_list_item = require('./components/action_list/components/action_list_item.js');
-var css_icon_color_tokens = require('./constants/css_tokens/css_icon_color_tokens.js');
 var action_list_sub_trigger = require('./components/action_list/components/action_list_sub_trigger.js');
 var action_list_content = require('./components/action_list/components/action_list_content.js');
 var action_list_divider = require('./components/action_list/components/action_list_divider.js');
@@ -92,9 +92,6 @@ var input_control = require('./components/controls/input_control/input_control.j
 
 
 
-exports.Accordion = accordion.Accordion;
-exports.ActionList = action_list.ActionList;
-exports.BOX_COMPONENT_TYPES = box_constants.BOX_COMPONENT_TYPES;
 exports.CSS_BACKGROUND_TOKENS = css_background_tokens.CSS_BACKGROUND_TOKENS;
 exports.CSS_BORDER_COLOR_TOKENS = css_border_color_tokens.CSS_BORDER_COLOR_TOKENS;
 exports.CSS_BORDER_RADIUS_SIDE_TOKENS = css_border_radius_tokens.CSS_BORDER_RADIUS_SIDE_TOKENS;
@@ -111,6 +108,10 @@ exports.CSS_BORDER_STYLE_TOKENS = css_border_style_tokens.CSS_BORDER_STYLE_TOKEN
 exports.CSS_POSITION_TOKENS = css_position_tokens.CSS_POSITION_TOKENS;
 exports.CSS_BORDER_WIDTH_SIDE_TOKENS = css_border_width_tokens.CSS_BORDER_WIDTH_SIDE_TOKENS;
 exports.CSS_BORDER_WIDTH_TOKENS = css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS;
+exports.CSS_ICON_COLOR_TOKENS_VALUES = css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES;
+exports.Accordion = accordion.Accordion;
+exports.ActionList = action_list.ActionList;
+exports.BOX_COMPONENT_TYPES = box_constants.BOX_COMPONENT_TYPES;
 exports.STACK_ALIGN_ITEMS_TYPES = stack_constants.STACK_ALIGN_ITEMS_TYPES;
 exports.STACK_DIRECTION_TYPES = stack_constants.STACK_DIRECTION_TYPES;
 exports.STACK_JUSTIFY_CONTENT_TYPES = stack_constants.STACK_JUSTIFY_CONTENT_TYPES;
@@ -129,7 +130,6 @@ exports.Divider = divider.Divider;
 exports.ActionListLabel = action_list_label.ActionListLabel;
 exports.ActionListGroup = action_list_group.ActionListGroup;
 exports.ActionListItem = action_list_item.ActionListItem;
-exports.CSS_ICON_COLOR_TOKENS_VALUES = css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES;
 exports.ActionListSubTrigger = action_list_sub_trigger.ActionListSubTrigger;
 exports.ActionListContent = action_list_content.ActionListContent;
 exports.ActionListDivider = action_list_divider.ActionListDivider;

package/build/esm/packages/aurora/src/components/accordion/accordion.d.ts

@@ -1,3 +1,3 @@
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as React from 'react';
-export declare const Accordion: React.ForwardRefExoticComponent<(Omit<AccordionPrimitive.AccordionSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;
+import { TAccordionProps } from "./accordion_types";
+export declare const Accordion: React.ForwardRefExoticComponent<TAccordionProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/packages/aurora/src/components/accordion/accordion.js

@@ -1,16 +1,24 @@
 import { forwardRef, createElement } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Root } from '@radix-ui/react-accordion';
+import { ACCORDION_VARIANTS } from './accordion_constants.js';
+import { AccordionContext } from './context/accordion_context.js';
 
-var _excluded = ["className", "children"];
+var _excluded = ["className", "children", "variant"];
 var Accordion = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? ACCORDION_VARIANTS.default : _ref$variant,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/createElement(Root, _objectSpread2({
     ref: ref,
-    className: "aurora-border-t aurora-border-b [&:not(:first-of-type)]:aurora-border-t-0"
-  }, props), children);
+    className: "aurora-group"
+  }, props), /*#__PURE__*/createElement(AccordionContext.Provider, {
+    value: {
+      variant: variant
+    }
+  }, children));
 });
 Accordion.displayName = Root.displayName;
 

package/build/esm/packages/aurora/src/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/accordion/accordion_constants.d.ts

@@ -0,0 +1,4 @@
+export declare const ACCORDION_VARIANTS: {
+    readonly default: "default";
+    readonly small: "small";
+};

package/build/esm/packages/aurora/src/components/accordion/accordion_constants.js

@@ -0,0 +1,7 @@
+var ACCORDION_VARIANTS = {
+  default: 'default',
+  small: 'small'
+};
+
+export { ACCORDION_VARIANTS };
+//# sourceMappingURL=accordion_constants.js.map

package/build/esm/packages/aurora/src/components/accordion/accordion_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/accordion/accordion_types.d.ts

@@ -0,0 +1,18 @@
+import { TCssBackgroundTokens, TCssBorderStyleTokens, TCssIconColorTokens } from "../../constants/css_tokens/css_tokens_types";
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ACCORDION_VARIANTS } from "./accordion_constants";
+import { Any } from 'ts-toolbelt';
+export declare type TAccordionVariant = Any.Keys<typeof ACCORDION_VARIANTS>;
+export declare type TAccordionContext = {
+    variant: TAccordionVariant;
+};
+export declare type TAccordionTriggerProps = {
+    backgroundColor?: TCssBackgroundTokens;
+    borderStyle?: TCssBorderStyleTokens;
+    iconColor?: TCssIconColorTokens;
+    icon?: React.ReactNode;
+} & React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>;
+export declare type TAccordionProps = {
+    variant?: TAccordionVariant;
+} & React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;

package/build/esm/packages/aurora/src/components/accordion/accordion_types.js

@@ -0,0 +1,6 @@
+import '@auroraConstants/css_tokens/css_tokens_types';
+import 'react';
+import '@radix-ui/react-accordion';
+import '@auroraComponents/accordion/accordion_constants';
+import 'ts-toolbelt';
+//# sourceMappingURL=accordion_types.js.map

package/build/esm/packages/aurora/src/components/accordion/accordion_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion_types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion_types.ts"],"names":[],"mappings":"AAAA,OAAiF,8CAA8C,CAAC;AAChI,OAAuB,OAAO,CAAC;AAC/B,OAAoC,2BAA2B,CAAC;AAChE,OAAmC,iDAAiD,CAAC;AACrF,OAAoB,aAAa,CAAC"}

package/build/esm/packages/aurora/src/components/accordion/components/accordion_content.js

@@ -1,7 +1,5 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as React from 'react';
-import { cn } from '@auroraUtilities/cn';
-export const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(AccordionPrimitive.Content, { ref: ref, className: "aurora-overflow-hidden data-[state=closed]:aurora-animate-accordion-up data-[state=open]:aurora-animate-accordion-down", ...props },
-    React.createElement("div", { className: cn('aurora-px-4 aurora-pb-4', className) }, children))));
+export const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(AccordionPrimitive.Content, { ref: ref, className: "aurora-overflow-hidden data-[state=closed]:aurora-animate-accordion-up data-[state=open]:aurora-animate-accordion-down", ...props }, children)));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 //# sourceMappingURL=accordion_content.js.map

package/build/esm/packages/aurora/src/components/accordion/components/accordion_content.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion_content.js","sourceRoot":"","sources":["../../../../../../../../src/components/accordion/components/accordion_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAG9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1C,oBAAC,kBAAkB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,wHAAwH,KAC9H,KAAK;IAET,6BAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACjD,CAChC,CAAC,CAAC;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,WAAW,CAAC"}
+{"version":3,"file":"accordion_content.js","sourceRoot":"","sources":["../../../../../../../../src/components/accordion/components/accordion_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAG9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1C,oBAAC,kBAAkB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,wHAAwH,KAC9H,KAAK,IAER,QAAQ,CACgB,CAChC,CAAC,CAAC;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,WAAW,CAAC"}

package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.d.ts

@@ -1,3 +1,8 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as React from 'react';
-export declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const AccordionTrigger: React.ForwardRefExoticComponent<{
+    backgroundColor?: "hover" | "active" | "subtle" | "transparent" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse" | "inverse-hover" | "inverse-active" | "inverse-subtle" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "success" | "success-hover" | "success-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "danger" | "danger-hover" | "danger-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "warning" | "warning-hover" | "warning-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | "info" | "info-hover" | "info-active" | undefined;
+    borderStyle?: "none" | "solid" | "dashed" | "dotted" | "double" | undefined;
+    iconColor?: "base" | "disabled" | "subtle" | "inverse" | "inverse-subtle" | "primary" | "success" | "danger" | "warning" | "info" | "inverse-disabled" | "primary-strong" | "success-strong" | "danger-strong" | "warning-strong" | "info-strong" | undefined;
+    icon?: React.ReactNode;
+} & Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.js

@@ -2,9 +2,21 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as React from 'react';
 import { ArrowRightIcon } from '@auroraAssets/icons/arrow_right';
 import { cn } from '@auroraUtilities/cn';
-export const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(AccordionPrimitive.Header, { className: "aurora-flex" },
-    React.createElement(AccordionPrimitive.Trigger, { ref: ref, className: cn('aurora-flex aurora-flex-1 aurora-items-center aurora-py-4 aurora-text-s aurora-font-medium aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', className), ...props },
-        React.createElement(ArrowRightIcon, { className: "aurora-h-6 aurora-w-6 aurora-ml-2 aurora-mr-2 aurora-shrink-0 aurora-text-muted-foreground aurora-transition-transform aurora-duration-200" }),
-        children))));
+import '@auroraComponents/accordion/accordion_types';
+import { AccordionContext } from '@auroraComponents/accordion/context/accordion_context';
+import { ACCORDION_VARIANTS } from '@auroraComponents/accordion/accordion_constants';
+import { CSS_ICON_COLOR_TOKENS_VALUES } from '@auroraConstants/css_tokens/css_icon_color_tokens';
+export const AccordionTrigger = React.forwardRef(({ className, children, backgroundColor, borderStyle, icon, iconColor = CSS_ICON_COLOR_TOKENS_VALUES.base, ...props }, ref) => {
+    const accordionContext = React.useContext(AccordionContext);
+    return (React.createElement(AccordionPrimitive.Header, { className: cn('aurora-border-t aurora-border-b data-[state=open]:aurora-border-b-0 group-[&:not(:first-of-type)]:aurora-border-t-0', {
+            [`aurora-bg-${backgroundColor}`]: !!backgroundColor,
+            [`aurora-border-${borderStyle}`]: !!borderStyle
+        }) },
+        React.createElement(AccordionPrimitive.Trigger, { ref: ref, className: cn('aurora-flex aurora-items-center aurora-gap-2 aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', {
+                ['aurora-bg']: !backgroundColor
+            }, className), ...props },
+            icon ? (icon) : (React.createElement(ArrowRightIcon, { color: CSS_ICON_COLOR_TOKENS_VALUES[iconColor], size: accordionContext.variant === ACCORDION_VARIANTS.default ? 24 : 20, className: cn('aurora-shrink-0 aurora-text-muted-foreground aurora-transition-transform aurora-duration-200') })),
+            children)));
+});
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
 //# sourceMappingURL=accordion_trigger.js.map

package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion_trigger.js","sourceRoot":"","sources":["../../../../../../../../src/components/accordion/components/accordion_trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAG9C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1C,oBAAC,kBAAkB,CAAC,MAAM,IAAC,SAAS,EAAC,aAAa;IAC9C,oBAAC,kBAAkB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACT,4JAA4J,EAC5J,SAAS,CACZ,KACG,KAAK;QAET,oBAAC,cAAc,IAAC,SAAS,EAAC,4IAA4I,GAAG;QAExK,QAAQ,CACgB,CACL,CAC/B,CAAC,CAAC;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,WAAW,CAAC"}
+{"version":3,"file":"accordion_trigger.js","sourceRoot":"","sources":["../../../../../../../../src/components/accordion/components/accordion_trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAuC,6CAA6C,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,uDAAuD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EAAE,4BAA4B,EAAE,MAAM,mDAAmD,CAAC;AAEjG,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAC5C,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,GAAG,4BAA4B,CAAC,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1H,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE5D,OAAO,CACH,oBAAC,kBAAkB,CAAC,MAAM,IACtB,SAAS,EAAE,EAAE,CACT,qHAAqH,EACrH;YACI,CAAC,aAAa,eAAe,EAAE,CAAC,EAAE,CAAC,CAAC,eAAe;YACnD,CAAC,iBAAiB,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC,WAAW;SAClD,CACJ;QAED,oBAAC,kBAAkB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACT,qLAAqL,EACrL;gBACI,CAAC,WAAW,CAAC,EAAE,CAAC,eAAe;aAClC,EACD,SAAS,CACZ,KACG,KAAK;YAER,IAAI,CAAC,CAAC,CAAC,CACJ,IAAI,CACP,CAAC,CAAC,CAAC,CACA,oBAAC,cAAc,IACX,KAAK,EAAE,4BAA4B,CAAC,SAAS,CAAC,EAC9C,IAAI,EAAE,gBAAgB,CAAC,OAAO,KAAK,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACvE,SAAS,EAAE,EAAE,CAAC,8FAA8F,CAAC,GAC/G,CACL;YAEA,QAAQ,CACgB,CACL,CAC/B,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,WAAW,CAAC"}

package/build/esm/packages/aurora/src/components/accordion/context/accordion_context.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TAccordionContext } from "../accordion_types";
+export declare const AccordionContext: React.Context<TAccordionContext>;

package/build/esm/packages/aurora/src/components/accordion/context/accordion_context.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ACCORDION_VARIANTS } from '../accordion_constants.js';
+
+var AccordionContext = /*#__PURE__*/React.createContext({
+  variant: ACCORDION_VARIANTS.default
+});
+
+export { AccordionContext };
+//# sourceMappingURL=accordion_context.js.map

package/build/esm/packages/aurora/src/components/accordion/context/accordion_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_item.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
 import { RadioItem, ItemIndicator } from '@radix-ui/react-dropdown-menu';
 import { cn } from '../../../utilities/cn.js';
-import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
 import { CheckFillIcon } from '../../../assets/icons/check_fill_icon.js';
 
 var _excluded = ["className", "children", "disabled"];

package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
 import { SubTrigger } from '@radix-ui/react-dropdown-menu';
 import { cn } from '../../../utilities/cn.js';
 import { ArrowRightLineIcon } from '../../../assets/icons/arrow_right_line_icon.js';
-import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
 import { CheckFillIcon } from '../../../assets/icons/check_fill_icon.js';
 
 var _excluded = ["className", "inset", "children", "selected", "disabled"];

package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_trigger.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_color_tokens_values.js';
 import { cn } from '../../../utilities/cn.js';
 import { cva } from '../../../../../../external/class-variance-authority/dist/index.mjs.js';
-import { CSS_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_color_tokens_values.js';
 import { useSidebar } from '../hooks/use_sidebar.js';
 import { SIDEBAR_SIDE } from '../sidebar_constants.js';
 import { ArrowLeftSLineIcon } from '../../../assets/icons/arrow_left_s_line_icon.js';

package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,oBAAoB,uEAA2E;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,oBAAoB,uEAA2E;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/constants/css_tokens/css_tokens_types.d.ts

@@ -13,6 +13,7 @@ import { CSS_MARGIN_TOKENS } from "./css_margin_tokens";
 import { CSS_BORDER_STYLE_TOKENS } from "./css_border_style_tokens";
 import { CSS_POSITION_TOKENS } from "./css_position_tokens";
 import { CSS_BORDER_WIDTH_SIDE_TOKENS, CSS_BORDER_WIDTH_TOKENS } from "./css_border_width_tokens";
+import { CSS_ICON_COLOR_TOKENS } from "./css_icon_color_tokens";
 export declare type TCssBackgroundTokens = Any.Keys<Object.Invert<typeof CSS_BACKGROUND_TOKENS>>;
 export declare type TCssBorderColorTokens = Any.Keys<Object.Invert<typeof CSS_BORDER_COLOR_TOKENS>>;
 export declare type TCssBorderRadiusTokens = Any.Keys<Object.Invert<typeof CSS_BORDER_RADIUS_TOKENS>>;
@@ -29,3 +30,4 @@ export declare type TCssBorderWidthTokens = Any.Keys<Object.Invert<typeof CSS_BO
 export declare type TCssBorderWidthSideTokens = Any.Keys<Object.Invert<typeof CSS_BORDER_WIDTH_SIDE_TOKENS>>;
 export declare type TCssBorderStyleTokens = Any.Keys<Object.Invert<typeof CSS_BORDER_STYLE_TOKENS>>;
 export declare type TCssPositionTokens = Any.Keys<Object.Invert<typeof CSS_POSITION_TOKENS>>;
+export declare type TCssIconColorTokens = Any.Keys<Object.Invert<typeof CSS_ICON_COLOR_TOKENS>>;

package/build/esm/packages/aurora/src/constants/css_tokens/css_tokens_types.js

@@ -13,4 +13,5 @@ import '@auroraConstants/css_tokens/css_margin_tokens';
 import '@auroraConstants/css_tokens/css_border_style_tokens';
 import '@auroraConstants/css_tokens/css_position_tokens';
 import '@auroraConstants/css_tokens/css_border_width_tokens';
+import '@auroraConstants/css_tokens/css_icon_color_tokens';
 //# sourceMappingURL=css_tokens_types.js.map

package/build/esm/packages/aurora/src/constants/css_tokens/css_tokens_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"css_tokens_types.js","sourceRoot":"","sources":["../../../../../../../src/constants/css_tokens/css_tokens_types.ts"],"names":[],"mappings":"AAAA,OAA4B,aAAa,CAAC;AAC1C,OAAsC,mDAAmD,CAAC;AAC1F,OAAwC,qDAAqD,CAAC;AAC9F,OAAwE,sDAAsD,CAAC;AAC/H,OAAsC,mDAAmD,CAAC;AAC1F,OAAuC,oDAAoD,CAAC;AAC5F,OAAqC,kDAAkD,CAAC;AACxF,OAAmC,gDAAgD,CAAC;AACpF,OAAsC,mDAAmD,CAAC;AAC1F,OAAkC,gDAAgD,CAAC;AACnF,OAAmC,gDAAgD,CAAC;AACpF,OAAkC,+CAA+C,CAAC;AAClF,OAAwC,qDAAqD,CAAC;AAC9F,OAAoC,iDAAiD,CAAC;AACtF,OAAsE,qDAAqD,CAAC"}
+{"version":3,"file":"css_tokens_types.js","sourceRoot":"","sources":["../../../../../../../src/constants/css_tokens/css_tokens_types.ts"],"names":[],"mappings":"AAAA,OAA4B,aAAa,CAAC;AAC1C,OAAsC,mDAAmD,CAAC;AAC1F,OAAwC,qDAAqD,CAAC;AAC9F,OAAwE,sDAAsD,CAAC;AAC/H,OAAsC,mDAAmD,CAAC;AAC1F,OAAuC,oDAAoD,CAAC;AAC5F,OAAqC,kDAAkD,CAAC;AACxF,OAAmC,gDAAgD,CAAC;AACpF,OAAsC,mDAAmD,CAAC;AAC1F,OAAkC,gDAAgD,CAAC;AACnF,OAAmC,gDAAgD,CAAC;AACpF,OAAkC,+CAA+C,CAAC;AAClF,OAAwC,qDAAqD,CAAC;AAC9F,OAAoC,iDAAiD,CAAC;AACtF,OAAsE,qDAAqD,CAAC;AAC5H,OAAsC,mDAAmD,CAAC"}

package/build/esm/packages/aurora/src/hooks/search/use_search.js

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { fuzzySearch } from '../../utilities/fuzzy_search.js';
 
@@ -11,8 +11,19 @@ var useSearch = function useSearch(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     _items = _useState2[0],
     setItems = _useState2[1];
-  var search = function search(query) {
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    query = _useState4[0],
+    setQuery = _useState4[1];
+  useEffect(function () {
+    setItems(items);
+    setItems(searchStrategy(query, items, searchKey));
+  }, [items]);
+  useEffect(function () {
     setItems(searchStrategy(query, items, searchKey));
+  }, [query]);
+  var search = function search(query) {
+    setQuery(query);
   };
   return {
     search: search,

package/build/esm/packages/aurora/src/hooks/search/use_search.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/index.js

@@ -1,6 +1,3 @@
-export { Accordion } from './components/accordion/accordion.js';
-export { ActionList } from './components/action_list/action_list.js';
-export { BOX_COMPONENT_TYPES } from './components/box/box_constants.js';
 export { CSS_BACKGROUND_TOKENS } from './constants/css_tokens/css_background_tokens.js';
 export { CSS_BORDER_COLOR_TOKENS } from './constants/css_tokens/css_border_color_tokens.js';
 export { CSS_BORDER_RADIUS_SIDE_TOKENS, CSS_BORDER_RADIUS_TOKENS } from './constants/css_tokens/css_border_radius_tokens.js';
@@ -15,6 +12,10 @@ export { CSS_MARGIN_TOKENS } from './constants/css_tokens/css_margin_tokens.js';
 export { CSS_BORDER_STYLE_TOKENS } from './constants/css_tokens/css_border_style_tokens.js';
 export { CSS_POSITION_TOKENS } from './constants/css_tokens/css_position_tokens.js';
 export { CSS_BORDER_WIDTH_SIDE_TOKENS, CSS_BORDER_WIDTH_TOKENS } from './constants/css_tokens/css_border_width_tokens.js';
+export { CSS_ICON_COLOR_TOKENS_VALUES } from './constants/css_tokens/css_icon_color_tokens.js';
+export { Accordion } from './components/accordion/accordion.js';
+export { ActionList } from './components/action_list/action_list.js';
+export { BOX_COMPONENT_TYPES } from './components/box/box_constants.js';
 export { STACK_ALIGN_ITEMS_TYPES, STACK_DIRECTION_TYPES, STACK_JUSTIFY_CONTENT_TYPES, STACK_WRAP_TYPES } from './components/stack/stack_constants.js';
 export { Stack } from './components/stack/stack.js';
 export { Box } from './components/box/box.js';
@@ -26,7 +27,6 @@ export { Divider } from './components/divider/divider.js';
 export { ActionListLabel } from './components/action_list/components/action_list_label.js';
 export { ActionListGroup } from './components/action_list/components/action_list_group.js';
 export { ActionListItem } from './components/action_list/components/action_list_item.js';
-export { CSS_ICON_COLOR_TOKENS_VALUES } from './constants/css_tokens/css_icon_color_tokens.js';
 export { ActionListSubTrigger } from './components/action_list/components/action_list_sub_trigger.js';
 export { ActionListContent } from './components/action_list/components/action_list_content.js';
 export { ActionListDivider } from './components/action_list/components/action_list_divider.js';